[피그마] UI/UX 디자인에 자신이 없는 당신에게 최고의 솔루션

피그마 로고

FIGMA.

"협업"이 가능한 "웹과앱" 을 위한 "UI/UX" 디자인 툴입니다.

URL : https://www.figma.com/

Figma: The Collaborative Interface Design Tool

장점

1. 방대한 커뮤니티의 예시 디자인 활용가능

2. 방대한 커뮤니티의 플러그인 기능 활용가능

3. 개인 차원에서는 제공되는 대부분의 서비스를 무료 사용 가능

4. 디자인을 코드로 EXPORT도 가능

5. 디자인을 다른 협업툴로 EXPORT도 가능.

컨텐츠 설명

1. 요금제

요금제

2. 피그마와 피그잼

피그마 회사의 제품은 2가지가 있다.

1. 피그마 : 디자인

2. 피그잼 : 도식화, 다이어그램, 브레인스토밍 

피그마와 피그잼

3. 개발자를 위한 사전설정

개발 플랫폼 설정

시스템설정

4. 플러그인 설정

- 플러그인은 피그마의 기능을 강화해주는 강력한 툴이니, 어떤 플러그인이 있는지, 어떤 플러그인이 유용한지 인터넷과 유튜브를 통해  서칭해보는 것을 강추.

플러그인 설정

5. 다른 툴과 통신

다른 협업툴과 통신

6. 방대한 커뮤니티 활용

- 커뮤니티에 다양하고 멋진 디자인이 사용자들에 의해서 게시되어 있다.

- 디자인에 자신이 없거나, 참고자료가 필요하거나, 시간을 아끼고 싶은 분들에게는 소중한 자료들이다.

 

사용방법

1. 커뮤니티에 접속한다. : https://www.figma.com/community

2. 원하는 키워드를 검색한다.

3. 마음에 드는 예제를 찾는다.

4. "Open In Figma"를 통해서 피그마에서 해당 예제를 오픈한다.

5. pages 란에서 필요한 디자인을 찾고 활용한다.

 

예시 : 

연정님의 instagram input을 예시로 활용하였다. : https://www.youtube.com/@yeonjung-figma

유튜브에서 피그마 사용법에 대해서 굉장히 상세히 설명해주신다.

연정's Figma

커뮤니티 메인화면

instagram input 검색화면

예시 상세페이지

좌측 pages에서 제작된 예시들을 사용할 수 있다.

우측에서 원하는 코드로 디자인을 export할 수도 있다.