반응형 figma4 Figma Component Local component local Figma에서는 로컬 구성요소는특정 디자인 파일 내에서 생성 및 정의된 구성 요소로 해당 파일 내에서만 사용 가능하다.이러한 구성 요소는 기본 구성 요소 또는 마스터 구성 요소라고도 한다. 이전 작업에서 한 파일에 만들어 썻던 버튼들을 컴포넌트 페이지에 분리 시켜줬다.구분하기 쉽게 색을 변경해봤음 :) Assets에서 검색하면 바로 확인가능하다. Component Library 만들기..... - 유료 - ...... 또륵 ㅠㅠ페이지를 하나 만들어서 재사용할 component들을 모아둔다...책모양이 나온데..... 난 그거 못봐 무료버전이라 에잇에잇. 2025. 9. 5. Text, Auto Layout 📝 텍스트 속성 - vertical trim : 글자 정렬 기준을 잡아주는 거. 주로 버튼 디자인할 때 폰트 상하 정렬 맞출 때 사용- paragraph spacing : 문단과 문단 사이의 간격- Truncate text : 텍스트가 정해진 영역을 넘어설 때 어떻게 보여줄지 결정. 주로 말줄임표(…) 처리할 때 사용- auto width : text의 가로영역. 텍스트 쓰면 가로 길이가 텍스트 양에 맞춰 자동으로 늘어남.- auto height : text의 세로영역. 텍스트 쓰면 세로 높이가 텍스트 양에 맞춰 자동으로 늘어남- fixed size : 텍스트 영역 고정크기로 유지 --- 📐 오토레이아웃 (피그마의 꽃) 언제 오토레이아웃이고, 언제 그냥 프레임이야?자동으로 뭘 설정해놓은 값.. 2025. 9. 2. Figma Frame vs Group 📂 Figma 요소의 하이어라키 (계층 구조) "File → Page → Canvas → Section → Frame → Elements" File (파일)하나의 디자인 작업 파일 (예: 프로젝트 단위)Page (페이지)파일 안에 여러 페이지를 만들 수 있음 (예: 디자인 버전, 시나리오별 화면 구분)Canvas (캔버스)실제 작업하는 무한 작업 공간Section (섹션)캔버스에서 프레임들을 묶어 관리하는 단위 (예: 화면 플로우, 챕터 구분)Frame (프레임)UI 디자인의 핵심 단위 → 실제 화면(모바일, 웹, 컴포넌트 등)을 담는 영역Elements (요소)프레임 안에 들어가는 구체적 디자인 요소 (텍스트, 버튼, 이미지 등)👉 파일/페이지/캔버스/섹션은 작업을 위한 틀이고, 진짜 UI 디자인 .. 2025. 9. 2. Figma 기본 사용법 👥 팀원 초대 및 권한 Figma에서는 팀마다 권한을 다르게 줄 수 있다.· owner - 팀의 소유자. 팀 구성원 관리, 결제 관리 가능· admin - owner와 비슷하지만 owner 권한 수정은 불가· editor - 프로젝트 안의 파일을 직접 편집할 수 있음· viewer - 읽기 전용, 파일을 열어보기만 가능 --- 🔗 초대하기 & 접근 권한 요청 팀원을 초대할 때는 링크 공유 또는 이메일 초대 방식을 사용할 수 있다. --- 🌍 작업을 도와주는 커뮤니티 활용하기 Figma에는 전 세계 디자이너들이 만든 템플릿과 리소스를 공유하는 Figma Community 가 있다.작업 속도를 높이고, 영감을 얻을 때 적극 활용할 수 있다. --- 📂 다른파일을 불러올땐 impo.. 2025. 9. 1. 이전 1 다음 반응형
