[IT] Figma(피그마)와 FigJam(피그잼)의 이해와 활용

Figma 사이트

 

오늘은 온라인 서비스 프로덕트를 만드려고 하는 사람들에게 가장 중요한 협업 툴 중에 하나인 피그마와 피그잼에 대해서 알아보려고 합니다. 저처럼 온라인 프로덕트를 준비하는 사람들에겐 꼭! 알아둘 필요가 있습니다. 아는 만큼 보이는 것이기 때문이겠죠?!

 

 

Figma란 무엇인가요?

Figma는 UI(User Interface)와 UX(User Experience) 디자인을 위한 웹 기반의 디자인 도구입니다. Figma는 실시간 협업과 클라우드 저장 기능을 통해 팀원 간의 원활한 디자인 작업을 지원합니다.

*참고로 피그마는 2016년에 출시한 프로그램입니다.

 

 

Figma의 주요 특징

1. 실시간 협업: 여러 사용자가 동시에 작업 가능.
2. 클라우드 저장: 파일 관리가 용이.
3. 다양한 플랫폼 지원: 웹 브라우저를 통해 접근 가능.
4. 버전 관리: 작업 파일의 버전 기록.
5. 플러그인 지원: 다양한 플러그인으로 기능 확장.

 

Figma의 기본 사용법

1. 회원 가입 및 로그인: Figma 웹사이트에서 가입.
2. 새로운 파일 만들기: 대시보드에서 'New File' 생성.
3. 인터페이스 이해: 툴바, 레이어 패널, 속성 패널, 캔버스.
4. 기본 도구 사용: 프레임 도구, 도형 도구, 텍스트 도구.
5. 디자인 요소 추가 및 수정: 색상 변경, 그라디언트 추가, 그림자 추가.
6. 실시간 협업: 'Share' 버튼으로 링크 공유.
7. 플러그인 활용: 예: Unsplash 플러그인.
8. 프로토타입 만들기: 'Prototype' 탭에서 화면 연결.
9. 디자인 파일 내보내기: PNG, JPG, SVG 등으로 내보내기.
10. 지속적인 학습과 업데이트: 공식 블로그와 커뮤니티 활용.

---

반응형

 

Figjam 사이트

 

FigJam이란 무엇인가요?

FigJam은 Figma의 자매 도구로, 디지털 화이트보드로 사용됩니다. FigJam도 브레인스토밍, 워크샵, 회의 등에서 아이디어를 시각적으로 표현하고 팀원들과 협력할 수 있는 온라인 공간을 제공합니다.

 

FigJam의 주요 특징

1. 사용자 친화적인 인터페이스: 직관적인 드래그 앤 드롭 방식.
2. 실시간 협업: 여러 사용자가 동시에 아이디어를 추가하고 수정.
3. 다양한 템플릿: 브레인스토밍, 프로세스 맵, 피드백 수집 등 다양한 템플릿 제공.
4. 통합 환경: Figma와 통합되어 디자인과 아이디어를 한 곳에서 관리.
5. 다양한 도구: 스티커, 메모, 도형, 커넥터 등을 사용해 아이디어 시각화.

 

FigJam의 기본 사용법

1. 새로운 FigJam 파일 만들기: Figma 대시보드에서 'New FigJam File' 클릭.
2. 기본 도구 사용: 스티커, 메모, 도형 도구.
3. 템플릿 사용: 다양한 템플릿을 활용해 작업 시작.
4. 실시간 협업: 팀원들과 동시에 작업하며 아이디어 공유.
5. 피드백 수집: 스티커와 메모를 통해 팀원들로부터 피드백 수집.
6. 통합 활용: FigJam에서 만든 아이디어와 구조를 Figma로 가져와 디자인에 반영.

---

728x90

 

Figma와 FigJam의 통합 활용

Figma와 FigJam은 서로 통합되어 원활한 작업 흐름을 제공합니다. 다음은 두 도구를 통합 활용하는 방법입니다:

1. 아이디어 구상: FigJam에서 브레인스토밍과 아이디어 구상을 시작합니다.
2. 구체화: FigJam에서 구상한 아이디어를 시각적으로 정리하고 구조화합니다.
3. 디자인 작업: Figma로 이동하여 구체화된 아이디어를 기반으로 실제 디자인 작업을 진행합니다.
4. 피드백 및 수정: FigJam을 통해 팀원들의 피드백을 수집하고, Figma에서 디자인을 수정합니다.

 

 

위에서 설명드린 바와 같이 Figma와 FigJam은 디지털 디자인과 협업을 위한 강력한 도구입니다. Figma는 UI/UX 디자인 작업을, FigJam은 브레인스토밍과 아이디어 시각화를 지원합니다. 두 도구를 통합하여 사용하면 디자인 프로세스의 효율성과 창의성을 극대화할 수 있습니다. 이러한 도구를 적극 활용하여 효과적인 디자인 작업을 진행하시기 바랍니다.

 

---

<정남c series>

2024.07.22 - [IT & Tech(기술)] - [IT] 구글 메일 빠르고 쉽게 검색하는 팁 : 읽지 않은 메일, 특정 라벨, 특정 크기 이상 등(Quick and Easy Gmail Search Tips: Unread Emails, Specific Labels, Emails Over a Certain Size, etc.)

[IT] 구글 메일 빠르고 쉽게 검색하는 팁 : 읽지 않은 메일, 특정 라벨, 특정 크기 이상 등(Quick and E

 

2024.07.15 - [IT & Tech(기술)] - [IT] NYPC 2024 자세하게 알아보기!

[IT] NYPC 2024 자세하게 알아보기!