Figma announces new features to define how agents work on its platform

🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 요약

Figma는 인도 첫 Config 행사에서 Figma Specs, code layers 공개 베타, Payload 연동 등을 발표하며 AI 에이전트의 브랜드 디자인 규칙 준수와 제품 제작 지원을 강화했다.

📌 핵심 요약

• Figma Specs는 디자인 언어를 정의하는 Markdown 편집기로, 독립 파일이나 캔버스 안에 두고 Figma 요소와 FigJam 다이어그램, 코드 레이어, 디자인을 참조·삽입할 수 있다. 디자인·코드 라이브러리와 가이드라인도 모아 팀과 에이전트의 공통 참조 자료로 활용한다.
• Figma는 최근 일주일 동안 캔버스 에이전트의 이용 대상을 확대했으며, 비결정적인 AI를 더 예측 가능한 결과로 유도하려 한다. 6월 비공개 베타로 발표한 code layers도 공개 베타로 전환해 대화형 프로토타입 제작과 에이전트를 통한 디자인의 코드 변환·코드 수정을 지원한다.
• 최고디자인책임자 Loredana Crisan은 코드 생산량이 과거보다 17배인 반면 출시 횟수는 1.3배라고 말하며, 상당한 코드가 출시 자체보다 제품을 탐색하고 디자인하기 위해 작성된다고 설명했다.
• Figma는 MCP를 통해 Open Code, Dia, Grok Bot, Sarvam 등 20개 이상의 신규 도구를 지원한다고 밝혔다. 지난해 인수한 오픈소스 헤드리스 CMS Payload를 Figma Make와 연동해 동적 웹사이트 생성과 직접적인 콘텐츠 관리를 지원하며, Payload 다운로드는 최근 12개월 동안 6배로 늘었다고 전했다.
• Figma는 지난해 말 인도에 영업·파트너십·시장 진출·제품 지원 기능을 갖춘 첫 사무소를 열었다. 회사에 따르면 인도는 미국을 제외한 최대 사용자 시장이며, 봄베이증권거래소 상장 상위 100개 기업 중 40%가 Figma를 이용한다.

🧩 주요 포인트

1. 디자인 언어와 라이브러리를 공통 참조 자료로 통합 → 팀과 자체·외부 에이전트가 브랜드 규칙을 따르도록 유도하는 기반 마련.
2. code layers 공개 베타와 에이전트의 코드 수정 지원 → 코드를 제품 탐색과 대화형 프로토타입 반복 작업에 활용하는 흐름 강화.
3. MCP 지원 도구 확대와 Payload 연동, 인도 시장 기반 → 외부 도구 연결·웹사이트 콘텐츠 관리·지역 사업 확장을 함께 추진.

🧠 상세 정리

1. Figma Specs로 디자인 언어를 정의

Figma는 인도에서 처음 개최한 Config 행사에서 기업의 디자인을 정의하고 관련 자료를 연결하는 Markdown 기반 편집기 Figma Specs를 발표했다. 사용자는 디자인 언어를 간단하게 문서화하고, 이 문서를 Figma에서 작업하는 팀과 에이전트의 참조 자료로 활용할 수 있다. Specs는 Figma의 독립 파일로 존재하거나 캔버스 안에 함께 배치될 수 있어 디자인 작업과 나란히 사용할 수 있다. 일반적인 텍스트 편집 외에도 캔버스 요소 등 다른 Figma 요소를 참조하고 FigJam 다이어그램, 코드 레이어, 디자인을 삽입할 수 있다. 발표의 목적은 자체 에이전트와 외부 에이전트가 AI로 제작할 때 브랜드의 디자인 규칙을 더 잘 따르도록 기준을 제공하는 데 있다.

2. 공통 맥락을 통해 AI 결과의 예측 가능성 추구

Figma는 디자인 문서와 함께 디자인 라이브러리, 코드 라이브러리, 가이드라인 등 추가 맥락을 가져와 디자인 시스템에 필요한 정보를 관리할 수 있도록 했다. 에이전트 역시 이렇게 중앙화된 자료를 참조해 규칙을 따를 수 있다는 설명이다. 회사는 최근 일주일 동안 캔버스 에이전트를 더 넓은 사용자층에 제공했으며, 이용 확대와 함께 결과를 원하는 방향으로 유도할 도구를 제시했다. 그 배경에는 같은 방식으로 작동하더라도 결과가 일정하게 정해지지 않는 AI의 비결정적 특성이 있다. 따라서 이번 발표는 디자인 규칙을 참조하도록 해 더 예측 가능한 결과를 얻으려는 시도이며, 기사에는 실제 규칙 준수율이나 예측 가능성의 개선 수치는 제시되지 않았다.

3. code layers 공개 베타와 제품 탐색용 코드

Figma는 캔버스의 디자인에 코드를 추가해 더 상호작용적인 프로토타입을 만드는 code layers를 공개 베타로 제공했다. 이 기능은 6월 비공개 베타로 발표됐으며, 이번 인도 행사에서 더 많은 사용자가 시험할 수 있도록 공개 범위를 넓혔다. 사용자는 에이전트에 디자인을 코드로 바꾸거나 코드 일부를 수정하도록 요청해 프로토타입을 반복적으로 다듬을 수 있다. 최고디자인책임자 Loredana Crisan은 Figma를 소프트웨어 팀이 무엇을 만들고 출시할지 결정하는 장소로 설명했다. 그는 코드 생산량이 과거보다 17배지만 출시 횟수는 1.3배라고 말하며, 상당한 코드가 출시보다 제품의 모습을 발견하고 디자인하기 위해 작성된다고 주장했다. 이 수치는 Crisan의 발언으로 제시됐으며, 기사에는 비교 기간이나 산출 방법이 설명되지 않았다.

4. MCP 도구 확대와 Payload의 Figma Make 연동

Figma는 MCP를 통해 20개 이상의 신규 도구를 지원한다고 밝혔으며, 예시로 Open Code, Dia, Grok Bot과 인도 AI 스타트업 Sarvam을 들었다. 이는 자체 플랫폼의 기능 발표와 함께 외부 도구 연결 범위도 넓히는 변화다. 별도로 회사는 지난해 인수한 오픈소스 헤드리스 콘텐츠 관리 시스템 Payload를 Figma Make와 연동하고 있다. 이 연동은 동적 웹사이트를 생성하고 콘텐츠를 직접 관리하는 데 쓰인다. Figma는 Payload의 다운로드가 최근 12개월 동안 6배로 증가했다고 설명했다. 다만 기사에는 다운로드의 절대 규모나 증가 원인이 제시되지 않아, 이 수치만으로 Figma Make 연동의 성과를 판단하기는 어렵다.

5. 인도 첫 Config 행사와 현지 사업 기반

이번 기능 발표는 Figma가 인도에서 처음 연 Config 행사에서 이뤄졌다. 회사는 지난해 말 인도에 첫 사무소를 개설했으며, 이 사무소는 영업, 파트너십, 시장 진출, 제품 지원 기능을 담당한다. Figma에 따르면 인도는 사용자 수 기준으로 미국을 제외한 가장 큰 시장이다. 또한 회사는 봄베이증권거래소에 상장된 상위 100개 기업 중 40%가 자사 플랫폼을 이용한다고 밝혔다. 사용자 규모와 주요 기업의 이용 현황은 이번 인도 행사가 열린 사업적 배경을 보여준다. 다만 이 설명은 사용자 수와 기업 이용 비율에 관한 것으로, 기사에는 인도 시장의 매출 규모나 이번 기능 발표에 따른 현지 사업 성과는 제시되지 않았다.

🧾 핵심 주장 / 시사점

• Figma Specs의 핵심은 문서 편집뿐 아니라 디자인 규칙과 실제 디자인 요소를 연결해 사람과 에이전트가 함께 참조할 수 있게 하는 데 있다.
• code layers는 코드 작성을 제품 탐색 과정에 포함한다. Crisan의 발언도 코드 생산 증가와 실제 출시 증가를 구분하며 이러한 방향을 설명한다.
• MCP 도구 지원과 Payload 연동은 외부 도구 연결 및 콘텐츠 관리 범위를 넓히지만, 기사만으로 AI 결과의 일관성이나 연동의 실제 성과를 확인할 수는 없다.

✅ 액션 아이템

• Figma Specs에 디자인 언어, 디자인·코드 라이브러리, 가이드라인을 모아 팀과 에이전트의 브랜드 규칙 참조에 활용.
• code layers 공개 베타에서 디자인의 코드 변환과 코드 수정을 활용해 대화형 프로토타입의 반복 작업 가능성 검토.
• Figma Make와 Payload 연동을 동적 웹사이트 생성 및 직접적인 콘텐츠 관리에 적용할 수 있는지 검토.

❓ 열린 질문

• Figma Specs의 공통 참조 자료는 비결정적인 AI의 브랜드 규칙 준수와 결과 예측 가능성을 얼마나 높일 수 있는가?
• code layers를 활용한 제품 탐색은 코드 생산량 17배와 출시 횟수 1.3배 사이의 차이에 어떤 의미를 갖는가?
• Figma Make와 Payload 연동은 동적 웹사이트 생성과 직접적인 콘텐츠 관리 과정에 어떤 변화를 가져오는가?