Figma
Figma
는 다양한 특장점을 가지면서도 개인에게는 모든 기능을 무료로 제공하고 있다.
Figma
특징Figma는 한 화면에서 여러 명의 사람이 동시에 작업할 수 있는 기능을 제공한다.
- 이러한 기능은 비대면 협업의 중요성이 높아지면서 Figma를 더욱 매력적인 툴로 만들었다.
Figma는 웹 브라우저 기반 프로그램이기 때문에 브라우저만 사용할 수 있다면 어떤 환경에서든 사용이 가능하다.
Mac
,Window
,Linux
등 다양한 OS 환경은 기기도 가리지 않는다.- 필요에 따라 프로그램을 직접 설치해서 사용할 수도 있습니다.
Figma는 자동 저장 기능을 제공한다.
- 그리고 누가 언제 무엇을 변경했는지 확인할 수 있는 히스토리 기능도 있어 버전 관리에도 유리하다.
Figma는 구글 폰트를 활용할 수 있어 폰트를 별도로 설치할 필요가 없고, 폰트가 없어서 화면이 깨지는 현상도 발생하지 않는다.
- 구글 폰트 이외에도 사용자 PC에 저장된 로컬 폰트를 불러와서 사용할 수도 있다.
Figma의 오토 레이아웃 기능을 사용하면 요소들 사이의 간격과 정렬에 규칙을 부여할 수 있고, 이 요소들의 크기가 변하더라도 부여한 규칙에 맞게 간격과 정렬을 유지할 수 있다.
Figma에서 제공하는 프로토타입 기능을 활용하면 간단한 Lo-Fi 수준의 프로토타입부터 실제 화면과 거의 흡사한 Hi-Fi 수준의 프로토타입까지 제작할 수 있다.
모든 단축키를 확인 :
Control
+Shift
+?
Command
+ C
Command
+ V
Command
+ X
Command
+ D
혹은 Option
누른 상태로 드래그Shift
누른 상태로 클릭Command
+ G
Command
+ Option
+ G
Command
+ Shift
+ G
Option
누르고 다른 요소에 마우스 올려놓기Shift
+ A
Design
탭 Auto layout
에서 +
버튼 선택Shift
+ Option
+ A
Command
+ Option
+ K
혹은 상단 Create component 버튼 클릭Create component
버튼 옆 드롭다운 클릭 → Create multiple component
선택Create component
버튼 옆 드롭다운 클릭 → Create component set
선택Design
탭 Properties
에서 +
버튼 클릭 → Variant
선택 → 컴포넌트 하단에 생긴 보라색 +
버튼 눌러 상태 추가Command
+ D
혹은 Option
누른 상태로 드래그)Assets
탭에서 인스턴스를 생성할 컴포넌트를 드래그하여 화면에 끌어다 놓기