[Figma] 아트보드 & Shape & Text

Figma Artboard(Frame)

: Figma에서 모든 디자인 요소는 Frame, 즉 Artboard 위에 올라감
→ Layer 패널에서도 디자인 요소는 Frame 하위 요소로 들어감

Frame 만드는 법

Tool바 - Region tools - Frame

• 마우스 커서가 격자 모양이 되면 원하는 비율로 드래그해서 생성

Shape 만드는 법

Shape : 사각형, 선, 화살표, 원, 다각형, 별, 이미지/동영상 등의 리소스

Shape Editing

: Shape 선택 후 프로퍼티 패널에서 수정 가능

• Fill : 색 채우기
• Stroke : 외곽선
  • Weight : 선 두께
  • Weight 옆 버튼(Advaced Stroke Setting)
    → Style : Solid(실선) / Dashed(점선)
    → Gap : Dashed 점 간 간격
    
• 색상 변경은 각각 색상 탭에서 할 수 있다
  

Text 입력하는 법

• Tool바에서 T라고 써있는 버튼 클릭 후 드래그를 통해 텍스트 박스 생성
• 마찬가지로 색상, 굵기, 폰트 등은 우측 프로퍼티 패널에서 수정
  

✨ TIPS

• Shift 키를 누르고 드래그시 정비율로 크기 조정 가능
• Shift 키 누르고 선택 시 다중 선택 가능
• 레이어 패널에서 선택 후 cmd + R : 이름 변경
• 프로퍼티 패널 Alignment 에서 정렬 수정 가능
  
• 여러 Shape 선택 후 More Alignment에서 다중 개체 정렬 수정 가능