본문 바로가기

반응형

디자인

[Figma 초보 가이드] 5편. 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기 [5편] 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기"버튼, 카드, 아이콘을 매번 새로 만들기 귀찮다!"→ 그래서 컴포넌트(Component) 기능이 있어요.✔️ 컴포넌트(Component)란?디자인에서 반복해서 쓰는 요소를 한 번만 만들고 재사용할 수 있는 기능이에요.예: 로그인 버튼, 헤더, 카드 UI 등컴포넌트를 만들어두면 수정도 한 번에 끝나요!원본만 수정하면, 모든 인스턴스(복제본)가 자동으로 바뀌어요.✔️ 인스턴스(Instance)란?컴포넌트로 만든 원본을 복사한 ‘사용본’이에요.→ 원본을 바꾸면 인스턴스도 함께 바뀌어요.단, 인스턴스는 일부 속성만 변경 가능텍스트, 색상은 바꿀 수 있어요크기나 구조는 원본과 연결돼 있어요✔️ 컴포넌트 만드는 방법1️⃣ 원하는 요소(예: 버튼)를 선.. 더보기
[Figma 초보 가이드] 2편. 회원가입부터 시작! Figma 첫 화면 완전 정복 ✔️ 1단계: Figma 회원가입 하기1️⃣ 공식 사이트 접속https://www.figma.com/Figma 공식 사이트 바로가기 → 오른쪽 상단의 Sign up 버튼 클릭! 크롬 브라우저에서 실행하시는 것을 권장합니다. Figma: The Collaborative Interface Design ToolFigma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.www.figma.com 2️⃣ 이메일 또는 구글 계정으로 가입 가능이메일로 가입: 이름, 이메일, 비밀번호 입력구글.. 더보기
[Figma 초보 가이드] 1편 Figma가 뭐예요? – 디자인툴 처음 써보는 사람을 위한 입문 FIGMA 초보 가이드피그마를 처음 들어보는 분도 있을 것입니다. 몇년전부터 피그마를 배워야지... 하면서 미루다가 드디어 피그마를 배웁니다.배우면서 기초부터 정리하여 피그마를 저처럼 처음 접하는 분들이 쉽게 배울 수 있도록 기록을 남기려고 합니다.우선, 초보 가이드 부터 함께 해볼까요? 이 글을 읽으시면서 피그마를 옆에 켜놓고 보시기를 바랍니다.Figma 초보 가이드 블로그 시리즈 구성 (목차)1️⃣ Figma가 뭐예요? - 디자인툴 처음 써보는 사람을 위한 입문2️⃣ 회원가입부터 시작! Figma 첫 화면 완전 정복3️⃣ 프레임이 뭐야? 캔버스 구조 쉽게 이해하기4️⃣ 도형 그리기부터 텍스트 입력까지 기본 도구 사용법5️⃣ 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기6️⃣ 팀 프로젝트, 협.. 더보기

반응형