반응형

design 2

Figma 기초 사용법 정리 - 2

UX/UI 디자인 협업 툴 Figma 툴 기초 사용법 정리 지난 글에서 Figma에 가입하고 실행까지 해봤습니다. Figma에서 제공하는 기본 인터페이스를 살펴보고, 제공하는 툴 사용법에 대해서 살펴보겠습니다. 윈도우에서 그림판을 사용해 보신 분들이라면 쉽게 따라 하실 수 있습니다. Figma 기본 인터페이스 알아보기 Figma에서는 새로운 파일을 Draft라고 합니다. new File, new Project 같은 느낌입니다. 우측 상단에서 Design file을 눌러서 Drafts 버튼을 누르면 바로 생성이 되면서 페이지로 이동합니다. 화면 구성은 크게 4가지로 구분할수 있습니다. 화면 상단의 Tool Bar: 디자인을 위한 도구들의 모음 화면 왼쪽의 Layer 패널: Layer와 컴포넌트 관리 및 이..

지식 이야기 2024.01.18

Figma 기초 사용법 정리 - 1

UX/UI 디자인 협업 툴 Figma 사용법 정리 'Figma'는 웹 기반 UI/UX 디자인 협업 툴입니다. 부분 유료이긴 하지만, 개인으로 사용하면 사실상 무료 프로그램입니다. 웹 기반 툴이기 때문에 설치가 따로 필요하지 않고, 브라우저에서 바로 실행할 수 있습니다. 더 나은 퍼포먼스를 위해 네이티브 앱도 지원하고 있지만, 초보자 기준으로 브라우저에서 하는 게 편합니다. 저장이 존재하지 않습니다. 웹 기반 프로그램의 특성을 살려 작업을 하는 순간순간 자동으로 저장됩니다. 협업에 특화되어 있습니다. Figma는 자체가 웹 기반이기 때문에 계정 소유자가 링크를 공유하여 여러 명이 동시에 온라인으로 실시간 작업을 진행할 수 있습니다. Figma 가입방법 및 실행하기 먼저, 'figma.com' 사이트 회원가..

지식 이야기 2024.01.05
반응형