[멋사] 피그마 강의 정리

밥슌·2025년 2월 11일
0

🎨UI/UX/FIGMA/DESIGN

목록 보기
3/3
post-thumbnail

🎨 피그마(Figma) 강의 정리

다른 사람의 피그마 파일 복제하기

  1. 해당 프로젝트의 드롭다운 메뉴 클릭
  2. File → Duplicate to Drafts 선택하면 복제 완료!

페이지 간 빠른 이동

  • N : 다음 페이지로 이동
  • Shift + N : 이전 페이지로 이동

컴포넌트 이름 변경 (Batch Rename)

  1. Shift를 누른 채 여러 컴포넌트 선택
  2. Ctrl + R (Rename) 누르기
  3. 예시) red$N → 자동으로 내림차순 번호 지정됨

컴포넌트 그룹화

  • Shift를 누르고 여러 컴포넌트 클릭 → Ctrl + G (그룹화)

꿀팁 모음

  • Ctrl을 누른 채 마우스를 움직이면 컴포넌트 깊이에 상관없이 미리 선택 가능
  • Ctrl + P : 검색 기능 (Quick Actions) → 자주 사용하는 단축키 추천!
  • Alt + L : 열려있는 모든 레이어 닫기 (Collapse Layers)

🚀 Auto Layout (오토 레이아웃)

📏 오토 레이아웃 설정 방법

  1. 해당 컴포넌트 선택
  2. Shift + A → 오토 레이아웃 적용

⚙️ 넛지(Nudge) 설정

  • 좌측 상단 Figma 아이콘 → Preferences → Nudge Amount
  • 오토 레이아웃 간격 조절 가능 (상/하/좌/우 여백 설정)

❗️ 오토 레이아웃 적용 안 될 때 체크리스트

  • Layout 속성에서 Hug Contents로 설정되어 있는지 확인
    • Hug : 콘텐츠에 맞춰 자동으로 크기 조절
    • Fill Container : 부모 요소에 맞춰 채우기
    • Fixed : 고정된 크기 설정
profile
마트 시식코너같은 저의 벨로그에 어서오세요.

0개의 댓글