월간 방문 수: 0
가격: 무료 및 유료
등록일: 2026-06-28
업데이트됨: 2026-08-25

01Figma 소개

Figma는 인터페이스 디자인, 프로토타이핑, 화이트보드 협업, 개발 검사와 제품 출시를 하나의 워크플로에 통합합니다. 팀은 캔버스에서 함께 디자인을 편집하고 피드백을 수집하며 인터랙티브 프로토타입을 만들 수 있습니다. 또한 Dev Mode, 코드 연결 및 MCP server를 통해 디자인 컨텍스트를 개발자와 AI 도구에 전달할 수 있습니다.

02Figma 사용자

제품 관리자

제품 로드맵을 만들고, 리서치 인사이트를 정리하며, 와이어프레임과 프로토타입을 제작하고 팀의 피드백을 수집해 솔루션 검증을 추진하는 데 사용합니다.

UX/UI 디자이너

인터페이스를 디자인하고 컴포넌트와 디자인 시스템을 관리하며 다양한 디자인 방향을 탐색하고 팀과 함께 캔버스 콘텐츠를 편집하고 리뷰하는 데 사용합니다.

개발자 및 엔지니어링 팀

Dev Mode에서 디자인 세부 정보를 확인하고 속성과 코드 정보를 얻으며, MCP server를 사용해 디자인 컨텍스트를 외부 도구에 연결합니다.

크로스펑셔널 제품 팀

FigJam, Figma Slides와 댓글 등의 협업 기능을 활용해 브레인스토밍, 회의 커뮤니케이션, 프레젠테이션 및 제품 의사결정을 진행합니다.

03Figma 주요 기능

인터페이스 디자인 및 프로토타이핑

하나의 공간에서 인터페이스, 컴포넌트와 인터랙티브 프로토타입을 만들고 팀과 함께 편집할 수 있으며, 프로토타입으로 잠재적인 제품 솔루션을 검증할 수 있습니다.

FigJam 온라인 화이트보드

순서도, 마인드맵과 회의 템플릿을 사용해 브레인스토밍, 리서치 논의와 팀 정렬을 진행할 수 있으며 댓글과 음성 채팅으로 소통할 수도 있습니다.

AI 디자인 워크플로

Figma agent를 사용해 디자인을 생성하고 수정하며 파일 검색, 이미지 편집 및 디자인 작업 자동화를 수행할 수 있습니다. 이 기능은 현재 Beta 단계입니다.

Figma Make

프롬프트를 사용해 아이디어나 기존 Figma 디자인을 프로토타입과 웹 애플리케이션으로 변환하고, 로컬 코드베이스를 기반으로 편집할 수도 있습니다. 일부 기능은 Beta 단계입니다.

Dev Mode 검사

디자인 파일의 크기, 속성 및 리소스 정보를 확인하고 CSS, iOS 및 Android 코드를 복사할 수 있으며 개발 핸드오프와 디자인 리뷰를 지원합니다.

디자인과 코드 연결

프로덕션 디자인을 Figma로 가져와 컨텍스트를 검토하거나 Figma MCP server를 사용해 외부 도구가 디자인 콘텐츠를 읽고 참조하며 조작할 수 있습니다.

플러그인 및 확장 기능

Figma agent를 사용해 필요에 따라 재사용 가능한 플러그인과 워크플로를 만들고, API, 통합 기능 및 MCP catalog를 활용해 다른 도구와 연결할 수 있습니다.

04Figma 제품 특징

제품 제공 프로세스의 통합

로드맵, 화이트보드와 디자인 탐색부터 프로토타입, 개발 검사 및 프로덕션 출시까지 여러 제품 기능이 하나의 협업 프로세스로 연결됩니다.

디자인과 코드의 양방향 연결

디자인에서 코드를 생성해 프로토타이핑과 개발을 지원할 수 있으며, 프로덕션 인터페이스를 캔버스로 가져와 편집 가능한 디자인 레이어로 변환하고 리뷰할 수도 있습니다.

팀 공유 AI 크레딧

AI 기능은 팀 공유 크레딧 시스템을 사용합니다. 관리자는 사용 현황을 확인할 수 있으며, 일부 엔터프라이즈 요금제에서는 팀 또는 비용 센터별로 할당량을 배분할 수 있습니다.

확장 가능한 창의적 워크플로

내장 AI 기능 외에도 팀은 조직 내에서 공유할 수 있는 생성형 플러그인, 맞춤형 도구와 워크플로를 만들 수 있습니다.

05정보 출처

웹사이트 열기 문제 신고

Figma 운영 중