Design Thinking with Figma

Posted on 2021-11-17 Disqus:

Figma with Design Thinking

마스터 & 인스턴스 => programming화 되어있음
레이어: 페이지별 이름 설정 (변수)
프레임과 도형은 다른 것. -> 어떤 것을 선택하냐에 따른 물리적 역할이 달라짐.
도형을 드래그해서 프레임 안에 넣을 수 있음.
도형 안의 도형은 만들 수 없으므로 프레임 안에 프레임으로 종속 (기능적 UI)
frame selection으로 한 번에 프레임에 넣을 수 있음
프레임 속에 텍스트가 기준이 되어 입력됨.
항목 추가 +, 빼기 -
피그마는 자신만의 앱스토어를 가지고 있어서 원하는 기능을 다운받아 이용할 수 있다. 동시 협업 또한 가능하며 일반 포토샵과 같은 그래픽 툴에서는 이용하기 힘들었던 실용적이고 유용한 기능들을 이용할 수 있다.
마스터에서 인스턴스를 찍어내면 마스터에서 수정했을 때 동시에 인스턴스에서도 수정이 가능함.
마름모 모양의 메뉴 = 인스턴스
인스턴스 부분 클릭하고 design에서 ...에서 detach instance 클릭하면 인스턴스 해제
combine as variant => 그룹화
ctrl + D 누르면 복제 여러 개 가능함.
json 키 값에 맞추어서 json 파일을 ui 부분에 넣을 수 있음.
프로토타이핑 기능: 화면 전환설정