
피그마 소개
피그마란?
UX / UI 디자인에 최적화된 디자인 툴이다. 앱/웹을 디자인하는 것 외에도 PPT / 프로토타입 제작 등에도 사용된다. 여기에 AI 기능이 업데이트되었다.
피그마 설치


피그마 사이트에서 가입하거나 로그인한다. 로그인하면 웹에서 피그마를 사용할 수 있지만, 더 많은 기능을 사용하려면 앱을 사용해야 한다.
피그마 사이트에서 로그인 후, 좌측 상단 프로필을 클릭하여 "Get desktop app"버튼을 클릭하여 앱 설치 파일을 다운로드할 수 있다.
피그마 구독 가격

피그마는 가격 정책에 따라 생성할 수 있는 파일과 프로젝트 수가 정해져으며, 동시 편집 가능한 유저의 수도 제한된다.
또한 유료로 사용한다고 해서 모든 작업 영역이 유료인 것은 아니다. 위 이미지에서 5개의 작업 영역이 표시되는데, Pro라고 적힌 부분만 유료 작업 영역이다. 즉, 2개의 작업 영역을 유료로 사용하고 싶다면 플랜 금액의 2배를 지불해야 한다.
AI 기능 사용

현재 피그마에서는 아래 3가지 파일을 생성할 수 있다. 피그마에서 제공하는 가이드에 따르면, 피그마 디자인 AI기능은 사용할 수 없다. 베타 신청자가 이미 정원에 도달했으며, 추후 사용자 수를 늘린다고 한다.
따라서 지금은 AI 기능이 적용된 피그잼만 확인할 것이다.
- 피그마 디자인 : UX/UI 디자인을 위한 파일이다.
- 피그잼 : 브레인스토밍과 아이데이션을 할 때 생성한다.
- 슬라이드 데크 : PPT 디자인을 위한 파일이다.
피그잼
#Jambot


기획 초반 아이데이션을 구체화하거나, 아이디어를 시각화하기 좋다.
우측 하단에 잼봇 이미지를 drag&drop으로 화면 안쪽에 배치시켜 사용한다.
- Ideate! :특정 주제에 대해 아이데이션을 제안한다.
- Quick question... : 특정 주제에 대해 빠르게 질문한다.
- Teach me about this : 모르는 것이 나왔을 때 빠르게 알려달라고 명령한다.
- Give me... : 특정 정보를 뽑을 수 있는 기능이다.
- Rabbit hole : 특정 주제를 깊이 파헤친다.
- Similar stuff : 아이데이션이 막힐 때, 특정 주제와 비슷하지만 다른 주제를 제안한다.
- Summarize : 내용을 요약해 준다. 불릿 포인트를 클릭하면 글머리 기호를 넣어 요약해준다.
- Rewrite this... : 어투나 어조를 변경해 준다.
- Turn this into a... : 해당 주제를 새로운 포맷으로 변경해 준다.
- Code this up : 설명 문구를 코드로 생성해 준다.
- Custom : 자신의 프롬프트를 작성해서 명령을 내릴 수 있다.
#Generate


잼봇과 비슷하게 브레인스토밍을 도와주고, 아이디어를 시각화할 수 있게 도와준다. 잼봇과 다른 점은 초기 포맷을 만들어 준다는 점이다.
- Mind map / Brainstorm /Plan : 주제에 대한 00을 만들어줌
- Timeline : 프로젝트 계획을 AI가 타임라인으로 만들어준다.
- Flow chart : 서비스 목표에 맞는 플로우 차트를 제작해 준다.
- Gantt chart : 서비스 목표에 맞는 일정 막대 차트를 제작해 준다.
- Org chart : 조직 구성도를 제작해 준다.
- 1:1 : 1:1 미팅에 대한 어젠다 / 업데이트 내용 / 캘린더를 생성해 준다.
- Weekly sync : 주간 업무 미팅에 좋은 레이아웃을 생성해준다.
- Team retro : 팀 회고에 맞는 레이아웃을 생성해준다.
AI 기능 사용 팁
Jambot이 보이지 않을 때

우측 하단의 + 버튼을 클릭하여 widgets 탭을 통해 사용 가능하다.
영어를 번역하고 싶을 때

커스텀 기능을 활용하여 번역을 요청한다.
아이데이션 마무리

아이데이션이 끝나면, 진행했던 노트를 모두 선택한다. 퀵바의 Organize기능을 클릭하여 원하는 기능을 선택한다.
- sort stickies by : 주제나 컬러와 같은 특정 요소를 기준으로 노트를 정리한다.
- summarize : 내용을 요약 정리한다.
- Tidy up : 위치 정렬을 정리한다.
'AI & 디자인 툴 > AI 툴' 카테고리의 다른 글
| #15 - Framer 사용법 (0) | 2024.08.22 |
|---|---|
| #14 - Ulzard 위자드 사용법 (0) | 2024.08.21 |
| #12 - Illustrator 일러스트레이터에서 AI 사용하기 (0) | 2024.08.19 |
| #11 - Photoshop 포토샵에서 AI 사용하기 (0) | 2024.08.18 |
| #10 - Flair 플레어 사용법 (0) | 2024.08.17 |