UI\UX 공부/figma강의 정리

[1강] 01.피그마 소개

아노말로카리스 2025. 6. 30. 22:23
피그마 소개
현재 가장 뛰어난 디자인 협업 툴.
피그마는 현재 가장 강력한 디자인 툴이자, 외이어프레임부터 핸드오프 과정을 전부 하나의 툴에서 할 수 있는 효율적인 툴.

 

 

  • 제작 과정
아이데이션 와이어프레임
플로우차트
UI 설계
디자인 시스템
프로토타이핑 개발 핸드오프

 

  • 다른 디자인 툴은 일부 단계에서만 유용하지만, 피그마figma는 단 하나로 이 모든 과정에 활용 가능하다.
피그마 특징
  • 편리한 접근성 : 웹과 앱, 맥과 윈도우 모두 사용할 수 있어 접근성과 범용성이 좋다.
  • All in One : 디자인 툴과 기능에서 시작하여 개발 관련 기능까지 아우르는 종합 협업 툴.
  • 집단지성 커뮤니티 : 각종 플러그 인과 자료들을 활용할 수 있어 커뮤니티와 같이 성능도 발전한다.
  • 쉬운 학습 난이도 : 낮은 접근 난이도와 다른 툴들과의 유사성 덕분에 초보자/경험자 상관없이 기초부터 고급 기능 사용이 어렵지 않다 .
피그마 설치 하기
데스크톱 앱 기준

 

-피그마 계정 생성

  • 2) 화면 오른쪽 상단 지금 무료 시작하기 클릭.
  • 3) 구글 또는 다른 계정으로 로그인 과정 진행하기.
  • 4) 해당 계정으로 온 인증 메일을 확인. 

-피그마 설치

  • 2) 자신의 컴퓨터 기종에 맞춰서 전용 데스크톱 앱을 다운 받는다.
  • 3) 설치를 완료하고, 피그마를 실행한다.
  • 4) 피그마 내부에서 사용할 이름을 정하고, 설문조사 진행(크게 중요하지 않음.)
  • 5) 플랜을 선택

일반적으로는 스타터를 선택하면 된다.

  • 6) finish를 눌러 완료하기.
웹 ver. vs 앱 ver. : 앱을 써야하는 이유

 

  • 피그마는 웹 기반 툴이라서 아이패드 등에서 웹을 이용해서도 사용이 가능하다.
  • 그러나 웹 ver.은 기본적으로 브라우저가 성능을 많이 소모하는 프로그램이기 때문에, 디자인 사이즈가 커질 수록 기기에 적용되는 부담도 상당히 커진다.
  • 또한, 기본 폰트 이외에 별도로 설치한 폰트들을 사용하는 겨우, 제대로 쓰기 어려울 수 있다.

이 때문에 맨 우측의 별도의 글꼴 설치 프로그램을 사용하는 것이 좋다.

 

결론 : 웹 ver.의 장점 역시 있으나, 평소에는 앱 ver.을 사용하는 것을 개인적으로 추천한다.

'UI\UX 공부 > figma강의 정리' 카테고리의 다른 글

[2강] 02. 오토레이아웃  (0) 2025.07.09
[2강] 01.프레임과 그룹  (1) 2025.07.09
[1강] 04.8포인트 그리드  (0) 2025.07.08
[1강] 03. 벡터와 래스터  (0) 2025.07.08
[1강] 02. 디스플레이와 배수  (0) 2025.07.07