-
UIUX의 강력한 툴, 피그마 컴포넌트로 만들 수 있는 것 (4)UIUX 2022. 12. 31. 13:01
※피그마 영문 버전 기준입니다. 피그마 컴포넌트 사용법 컴포넌트란 중복되는 부분을 프로토타입화해서 필요시마다 재사용 가능하게 만든 것인데요, 디자인에서 반복적으로 사용되는 UI 디자인 요소를 컴포넌트화 해서 사용할 경우 작업 시간을 현저하게 줄일 수 있습니다. Component 컴포넌트 단축키 4개의 마름모 => 부모(마스터) 컴포넌트 / 빈 아이콘 => 파생된(인스턴스) 컴포넌트 Mac Command + option + K Window Ctrl + option + K Variants 컴포넌트 모음 각 컴포넌트를 만들어 Design panel 에서 variants를 만들 수 있습니다. 1. N개 컴포넌트 생성 후 전체 드래그해서 선택 2. 디자인 패널의 컴포넌트 항목의 Combine as variants..
-
[UIUX] 피그마(Figma) 사용법, 단축키 안내, 맥 / 윈도우UIUX 2022. 11. 20. 20:29
창의적인 도구가 인터넷을 만나면? UIUX 디자인의 수요가 많아지면서 UIUX를 표현하기 위한 툴 또한 다양해졌습니다. Adobe에서 나온 XD, Photoshop, 맥의 Sketch 그리고 Zeplin 이 있는데요, 2021년 UI 디자인 통계에서 피그마(Figma)의 점유율 가장 높게 차지했습니다. 피그마는 웹과 앱 모두 자연스러운 동작으로 이용이 편리하고 가볍습니다! 팀원들과의 공유에 있어서도 링크 하나로 빠르게 공유되고 링크로 프로젝트에 접근하는 사람도 별도의 설치 없이 이용할 수 있어 간단하죠. 피그마의 주요 특징에는 실시간 업데이트 되기때문에 팀원들 모두가 결과물의 최신 상태를 늘 확인 할 수 있고, 한 파일 내에서 여러명이 동시에 작업물을 만들며 빠른 피드백이 가능합니다. 게다가 브라우저에서..