Figma 는 설계와 코드와 AI 에이전트를 한 캔버스에 올린다, 무료로 시작

요약

화면과 시제품, 거기서 나오는 코드가 한 파일에 담기고 에이전트도 같은 공간에서 손을 댄다. 무료 요금제에도 하루 150 크레딧이 붙고 한 달 상한은 500이다.

추천
이름
Figma
버전
126.8.18
요금
무료
오픈소스
비오픈소스
운영체제
WindowsmacOSiOSAndroid
공식 사이트
https://www.figma.com/
업데이트
2026-10-06 08:16

Figma 는 스스로를 디자인과 코드와 AI 를 위한 협업 캔버스라고 소개한다. 이 문장은 이제 광고 문구가 아니라 제품의 현재 상태를 가리킨다. 두 창업자가 2012 년에 첫 판을 내놓았고, 2025 년 7 월 31 일에 뉴욕 증권 거래소에 상장했다. 투자자용 페이지에는 2025 년 3 월 기준 숫자가 실려 있다. 매출 기준 미국 상위 오백 개 기업 가운데 95%, 세계 이천 개 기업 명단에서는 78% 가 설계와 제품 개발 과정을 이 안에서 돌린다는 것이다.

열 개의 제품군, 그 아래는 파일 하나

첫 화면과 가격 페이지는 제품 구성을 가지런히 보여 준다. 설계와 시제품을 한곳에 모은 Figma Design, 지시에서 코드를 만드는 Figma Make, 이미지와 소리와 영상을 다루는 AI 흐름 Figma Weave, 설계를 코드로 옮기는 Dev Mode, 움직임을 맡는 Figma Motion, 화이트보드 FigJam, 함께 만드는 발표 자료 Figma Slides, 벡터 그림 Figma Draw, 그리고 아직 베타인 Figma Sites(반응형 사이트를 공개한다)와 Figma Buzz(브랜드 소재를 대량으로 만든다). 열 가지 기능은 열 개의 다른 도구처럼 보이지만, 실제로는 같은 파일과 같은 디자인 시스템과 같은 부품 창고를 나눠 쓴다.

AI 는 옆 창이 아니라 캔버스 옆자리에 앉는다

공식 설명은 작업을 세 단계로 나눈다. 먼저 탐색이다. 에이전트가 새 방향을 열고, 도표를 그리고, 그림을 고치고, 파일을 찾는다. 다음은 다듬기다. 여러 방향을 나란히 놓고 팀이 에이전트와 함께 세부를 벼린다. 마지막은 내보내기다. 설계를 코드가 받쳐 주는 시제품으로 바꾸거나 MCP 서버를 거쳐 실제 환경으로 넘긴다. 첫 화면의 표현은 이렇다. 동료와 AI 에이전트가 같은 맥락을 나누고 같은 공간에서 손을 댄다. 에이전트 말고도 지시로 자체 생성 플러그인을 쓰는 일, 지시로 자체 셰이더와 채우기를 만드는 일, 배경 지우기와 그림 늘리기와 대상 분리, 레이어 이름 자동 정리 같은 매일의 작업이 함께 적혀 있다.

Figma 공식 예시: 지시로 에이전트에게 자체 도표 플러그인을 만들게 하고, 결과를 스타일 패널에서 다듬는 모습

Make 는 한 문장을 실제로 도는 페이지로 바꾼다

Make 에 대한 공식 설명은 생각이나 이미 있는 설계를 지시로 시제품과 웹 앱으로 바꾼다는 것이다. 세 가지 조건이 이 도구의 성격을 정한다. 결과물은 설계 맥락을 스스로 안고 있다. 디자인 시스템에서 그림까지 포함한다. 결과물은 코드의 뒷받침을 가지면서도 눈으로 고칠 수 있어, 코드와 캔버스를 오갈 수 있다. 뒤쪽이 필요한 작업에서는 외부 서비스가 로그인과 자료 보관과 비공개 연결을 채워 주고, 완성된 것은 독립된 주소로 공개할 수 있다. 여기에 생성 전에 구조화된 안을 내놓는 계획 모드, 설계안과 그림과 영상과 PDF 를 붙이는 일, 말로 지시를 넣는 일, 미리보기를 레이어로 캔버스에 되돌려 계속 고치는 일도 더해진다.

Figma Make 공식 예시: 미리보기에서 요소를 골라 그 자리에서 지시해 착지 페이지에 영상을 넣는 모습

그림은 준비된 흐름과 한 줄 지시에서 나온다

이미지 생성의 입구는 베타인 Figma Weave 다. 준비된 AI 흐름 목록에서 하나를 고르면 Figma 안에서 그림과 벡터를 얻는다. 창을 떠날 필요가 없다. 같은 페이지에는 에이전트에게 다시 쓸 수 있는 플러그인을 만들게 하는 이야기도 있다. 예컨대 재생할 때 판이 돌아가게 해 달라고 하면 만질 수 있는 레코드 플레이어가 나온다. 자체 셰이더 효과를 말로 그리면 흐림이나 격자 그라데이션이나 무늬가 곧바로 캔버스에 얹힌다. 이런 기능은 범용 기반 모델과 조정된 모델이 떠받치며, 공식 쪽은 기밀 보호와 AI 학습에 대한 관리자 통제를 특히 강조한다.

Figma 공식 예시: 지시로 만질 수 있는 레코드 플레이어를 만들고 재생 중에 판이 돌도록 요청하는 모습

설계에서 코드로, 그 실은 MCP 서버

Figma 는 MCP 서버를 내놓아 바깥의 AI 에이전트가 설계를 읽고 인용하고 조작할 수 있게 한다. 설계 맥락이 그대로 프로그래밍 도구로 건너간다. 조직 요금제와 기업 요금제의 관리자는 신원 확인 체계를 통해 이런 연결을 한곳에서 관리한다. Dev Mode 와 Code Connect 를 함께 쓰면 디자인 시스템의 부품이 실제 코드를 곧바로 가리킨다. 시안과 실제 구현이 끝내 어긋난다고 속 썩여 온 팀에게 지금 가장 값진 구간이다.

무료 범위에도 AI 몫이 있고, 값은 자리마다

요금제는 네 단계이고 미국 달러로 매긴다. Starter 는 무료이며 끝없는 초안, 화면 부품과 틀, 그리고 하루 150 크레딧(한 달 상한 500)이 붙는다. Professional 은 자리 단위로, 모든 기능을 쓰는 자리가 월 16 달러에 3000 크레딧, 개발 자리가 12 달러, 협업 자리가 3 달러이며 각각 500 크레딧을 가진다. Organization 의 전기능 자리는 55 달러, Enterprise 는 90 달러다. 크레딧은 팀 전체가 나눠 쓸 수 있고 쓴 만큼 내거나 정해진 값으로 낼 수 있다. 기업 요금제에서는 부서를 넘나들며 몫을 나누고 소비를 연결 지점에서 확인한다.

먼저 말해 둘 세 가지 경계

크레딧은 줄어드는 물건이다. 에이전트도 Make 도 Weave 도 여기서 먹는다. 무료 몫은 하루 150, 한 달 500 에서 멈추니 많이 만들기 전에 한 번 계산하는 편이 낫다. 값은 미국 달러로 매겨지고 요금제와 추가 항목은 바뀐다. 사기 전에는 지난 분기 화면이 아니라 가격 페이지의 지금 숫자를 보기 바란다. 게다가 몇 가지 기능은 여전히 베타 표시를 달고 있다. Weave 도구, 생성 플러그인, 셰이더, 에이전트 자체, Sites, Buzz 가 그렇다. 실제 흐름에 넣기 전에 작게 시험해 보는 게 온당하다.

정리는 저절로 된다. Figma 가 파는 것은 AI 가 그림을 만드는 입구가 하나 더 생기는 일이 아니라, 설계와 시제품과 코드와 에이전트가 한 장에 모이는 일이다. 개인은 무료 범위로 시작하고, 팀은 자리를 하나씩 더하며, AI 가 손댄 설계도 같은 길을 따라 코드까지 간다.

Figma다운로드
지원 운영체제: Windows macOS iOS Android