피그마? 어디까지 사용하는가?
요즘 디자인 웬만한 일은 피그마로 한다면서? 사용하는 곳과 활용도
피그마란 프로그램을 안 건 꽤 오래되었지만, 정작 배우고 사용하는 데까지는 오래 걸렸던 것 같습니다. 피그마를 교육 때문에 처음 배울 때, 내가 늦게 이것을 '활용'했을까 하는 생각이 들을 정도였습니다.
오히려 디자이너들이 피그마라는 프로그램에 도전하는 것 자체가 어렵다는 것을 잘 알고 있습니다. 프로그램이 어렵다기보다는 비슷한 결과물을 내는 프로그램 하나 더 배우는 것이 나에게 정말 필요한 일인가라는 생각이 들기 때문일 것입니다. 저 또한 같은 생각으로 미루다 미루다 '필요함'에 의해 공부를 하게 되면서 이렇게 좋은 프로그램을 내가 미리 도전해 보지 않았음이 아쉬울 정도였습니다.
약 4년 전부터 피그마(Figma)라는 프로그램으로 사용하여 UX / UI 수업을 하면서 느낀 점은 학생들에게 유의미한 프로그램임이 확실하다는 것과 빠른 결과물을 도출하기에 적합한 프로그램이라는 것입니다. 이후에는 영역을 확장하여 디자인 기초 수업에서도 포토샵, 일러스트 수업에도 같이 사용했습니다.
저는 기획자로서 디자이너로서 작가로서 주로 많이 사용하는 프로그램도 당연코 피그마입니다. 지금은 주변의 지인들에게도 적극 추천하기도 합니다. 다만 다른 툴이 익숙한 노련한 디자이너나 기획자에게는 기존 툴에서 바뀌는 자체가 어려운 건 맞는 것 같습니다. 새로운 걸 시도하는 생산성보다는 기존툴의 생산성에는 당장에 높기 때문입니다. 하지만 이후 얼마 안 가서 최고의 생산성을 보여줄 것이라는 것을 확신하게 하지만 아직 어려운 것은 사실입니다. 하지만 이 글을 읽으신 분들은 도전을 하셨으면 좋겠습니다. 기존 툴의 장점을 종합적으로 보여주는 툴이기 때문입니다. 기존 디자이너 툴을 다루고 계신 분은 일주일정도 투자만 하신다면 분명 좋은 협력자가 되어줄 것입니다.
피그마(Figma)란 무엇인가?
1. 2022년 디자인 툴 1위 피그마 (Figma program)
2022년 UX/UX 디자인 툴 사용에 관련된 통계 자료를 보면 1위 프로그램으로 단연 피그마를 뽑았습니다. 설문조사에 관여한 직군은 여러 분야의 디자이너 들이었다는 것을 생각해 본다면 다방면으로 피그마를 사용하고 있으며 만족도가 높다는 것을 확인할 수 있습니다. 외의 프로토타입, 디자인 시스템에서도 피그마 프로그램을 압도적인 툴로 1위로 선정하였습니다. (자료출처 uxtools)
[사진 1] 출처: uxtools 2. 디자인 영역의 무한대
실제 활용하는 범위가 어디까지인지 직관적이고 대중적인 대답을 얻기 위해 ChatGPT에 물어보았습니다.
Q: 피그마로 할 수 있는 영역은 어디까지 일까요?
Figma는 디자인 분야의 다양한 영역에서 광범위하게 사용할 수 있는 매우 강력한 도구입니다. 다양한 디자인 분야에서 Figma를 어느 정도 사용할 수 있는지에 대한 개요는 다음과 같습니다.
[사용자 인터페이스(UI) 디자인]
Figma는 UI 디자인에 광범위하게 사용되므로 디자이너는 웹 사이트, 웹 애플리케이션 및 모바일 앱을 위한 와이어프레임, 모형 및 고품질 디자인을 만들 수 있습니다. 강력한 벡터 편집 도구, 프로토타이핑 기능 및 공동 작업 기능을 갖추고 있어 UX / UI 디자이너가 선택할 수 있는 제품입니다.
[사용자 경험(UX) 디자인]
UX 디자인에서 Figma는 대화형 프로토타입, 사용자 흐름 및 여정 지도를 만드는 데 사용됩니다. 디자이너는 Figma의 프로토타이핑 기능을 사용하여 개발 전에 사용자 상호 작용을 시뮬레이션하고 디지털 제품의 유용성을 테스트할 수 있습니다.
[그래픽 디자인]
주로 디지털 디자인에 중점을 두지만 로고, 아이콘, 일러스트레이션, 마케팅 자료 제작과 같은 그래픽 디자인 작업에도 사용할 수 있습니다. 벡터 편집 기능과 디자인 도구를 통해 광범위한 그래픽 디자인 프로젝트에 적합합니다.
[웹 디자인]
랜딩 페이지, 포트폴리오, 전자상거래 웹사이트 디자인을 포함한 웹 디자인 프로젝트에 일반적으로 사용됩니다. 디자이너는 다양한 화면 크기와 해상도에 적응하는 반응형 디자인을 만들 수 있으므로 Figma는 웹 디자이너를 위한 다용도 도구가 됩니다.
[모바일 앱 디자인]
Figma는 iOS, Android 및 기타 플랫폼용 모바일 앱을 디자인하는 데 매우 적합합니다. 디자이너는 모바일 장치에서의 사용자 경험을 정확하게 표현하는 픽셀 단위의 완벽한 디자인과 프로토타입을 만들 수 있습니다.
[제품 디자인]
제품 디자인 프로세스에서 소프트웨어 제품의 디지털 인터페이스는 물론 실제 제품 모형 및 프로토타입을 만드는 데 사용할 수 있습니다. 협업 기능을 통해 여러 부서의 팀이 제품 디자인 프로젝트에서 쉽게 협력할 수 있습니다.
[디자인 시스템]
일반적으로 재사용 가능한 구성 요소, 스타일 및 지침의 모음인 디자인 시스템을 만들고 유지하는 데 사용됩니다. 디자인 시스템은 프로젝트 전반에 걸쳐 일관성을 보장하고 디자인 프로세스를 간소화하므로 Figma는 디자인 시스템 관리에 없어서는 안 될 도구입니다.
[협업적 디자인]
Figma의 실시간 협업 기능은 팀이 디자인 프로젝트에서 함께 작업하는 데 이상적입니다. 디자이너, 개발자, 제품 관리자 및 기타 이해관계자는 Figma에서 원활하게 협업하여 피드백을 제공하고, 디자인을 반복하고, 디자인 프로세스 전반에 걸쳐 정렬을 보장할 수 있습니다.
3. 피그마의 강의들로 본 피그마 영역
피그마 강의를 보면 어디까지 활용되고 있는지와 영역을 알 수 있습니다. 그러면서 나의 생각이 대중적임을 뒷받침하는 수단이 됩니다. 온라인 교육 플랫폼인 클래스 101에서 '피그마'라는 단어를 쳤을 때 나오는 강의들을 보면 재미있는 점을 발견할 수 있습니다. 피그마 강의로 브랜딩 및 디자인, UX / UI, 일러스트 등등 앞서서 이야기한 것들을 교육하기 위한 교육 프로세스가 마련되어 있습니다. 벌써 많은 사람들이 니즈가 있다는 것들을 대변하기도 합니다.
출처 : 클래스 101 (검색어: 피그마)이렇듯 전반적으로 Figma는 UI/UX 디자인부터 그래픽 디자인, 웹 디자인, 모바일 앱 디자인, 제품 디자인 등에 이르기까지 디자인 분야 내 다양한 영역에서 광범위하게 사용될 수 있습니다. 다재다능함, 사용 용이성 및 협업 기능으로 인해 디자이너가 선호하는 도구가 되었습니다. 그리고 덧 붙이자면 UX / UI 툴로서 사용성이 좋은 프로그램으로 쉬운 인터페이스를 자랑합니다. 이 말은 쉽게 프로그램을 다루고 기존 사용자가 만들어 놓은 좋은 플러그인까지 활용한다면 생산성을 높이며 좋은 퀄리티 있는 프로덕트 생성이 가능합니다.
이번시간에는 경험에 의해서 피그마로 할 수 있는 영역과 가능성을 공유드렸다면, 다음 시간에는 피그마를 선택하는 이유와 UX / UI 디자이너가 왜 피그마를 사용하는지에 대해 설명하겠습니다.
오늘도 긴 글 읽어 주셔서 감사합니다.
>>> UXUI 디자인에서 WHY 피그마
https://brunch.co.kr/@areeza77/217
[참고자료]
2021/2022 디자인툴 설문조사 _UX Tools
[사진 1] 2022 design tools surcey, 2024.04.14, Which title best describes your role?
2022 design tools surcey, 2024.04.14, Most Popular UI Design Tools?
[글쓴이설명]
현재 기획자이자 디자이너입니다. 문제를 읽고 방향을 잡고 문제해결을 목적으로 눈으로 보이는 것들을 구현하는 것에 재미를 느끼고 있습니다. 좋은 기회로 UXUI 인터렉션 디자인 포지션으로 독일에서 일한 경력과 대학교에서 UX/ UI을 가르켰습니다. 제가 알고 있는 것들을 저의 관점으로 풀어 기록하고 공유하려고 합니다.
