📃 요약

디자이너들은 프로젝트 초창기 분석/설계 단계에서 화면을 구성할 주요 디자인을 2개 이상 구성(시안)하여 개발자와 팀회의를 통해 최적의 시안을 결정함
주로 시안 디자인할때 사용하는 툴은 과거에 포토샵을 많이 이용했으나 사용이 어렵고, 팀 협의시 공유가 어려웠으나 피그마 디자인 협업툴이 개발되면서 디자이너와 개발자간에 소통, 협의에 굉장한 진전을 이루었음

요소 기술 :

– Basic : Figma

📃 기술 구현

스펙 :

- figma 디자인 협업툴

📃 Figma 온라인 툴

피그마는 온라인에서 사용할 수 있는 디자인 툴로, UX/UI 디자인 및 프로토타입 제작을 위한 기능들을 제공, 디자인과 개발 과정에서 필요한 여러 협업 기능을 지원

– Figma 사용법

공식 사이트(https://www.figma.com/)에서 계정을 만들고 로그인,
신규 계정은 3가지 플랜이 있으며 무료 플랜을 선택해서 회원가입함

– Figma 팀 생성

왼쪽-아래 + create new team 클릭 팀이름 넣고, 팀원 이메일 초대 후(스킵하고 나중에 초대가능) 생성

– Figma 팀 삭제

왼쪽-아래 오른쪽 클릭 후 delete team 클릭 팀이름 넣고 클릭

– Figma 팀원 초대(팀 생성시 안했다면)

오른쪽-상단 invite 버튼 클릭후 이메일 입력양식에서 초대할 이메일을 넣고 send 버튼 클릭

– 프로젝트 생성

오른쪽-위 Project 버튼 클릭 후 프로젝트 생성

– Figma 디자인 파일생성

오른쪽-위 + design file 버튼 클릭