Figma Design 에이전트를 소개합니다

디자이너들은 탐색, 실험, 협업, 정밀함이라는 기본 필요를 지원할 맞춤형 도구가 필요합니다. Figma는 멀티플레이어 캔버스로 만들어져 이 모든 것을 가능하게 합니다. 제품 개발 속도를 높이기 위한 에이전틱 도구 채택이 증가하면서, 속도와 정밀함 중 하나를 선택해야 한다는 오류가 나타나고 있습니다. AI 생성이냐 직접 조작이냐? 하지만 선택은 필수가 아닙니다.

이것이 Figma 에이전트를 만든 이유입니다. 저희의 목표는 Figma에 능숙하고 팀의 작업 방식에 원활한 에이전트를 만드는 것이었습니다. 즉, 서드파티 도구로는 불가능한 방식으로 모델이 Figma 자체를 이해할 수 있게 하는 것이었습니다. 컴포넌트, 토큰, 표준 및 모범 사례에 대한 심층적인 문맥 제공을 포함하는 방식입니다.

그러면 캔버스 위에서 팀과 동일한 파일 내에서 함께 작업하는 나만의 디자인 에이전트를 얻게 됩니다. Figma 파일 편집에 맞게 조정되어 있으므로, 출력을 사용자 디자인 컨텍스트에 맞추고, 직접 조작할 수 있게 설계되어 있어 통제 가능합니다. MCP 서버와 달리, 에이전트는 직접 캔버스 위에 존재하며 별도의 설정이나 컨텍스트 전환이 필요 없습니다. 따라서 간편하게 다음을 수행할 수 있습니다.

• 디자인 레이어에서 프롬프트 시작하기
• 여러 아이디어를 동시에 실행할 수 있는 평행 프롬프트
• 에이전트가 반복하는 동안에도 편집 및 반복 가능

새로운 방향을 탐색하여 대량으로 편집하고 피드백을 구현하는 디자인 업무 흐름에 Figma의 에이전트가 어떻게 녹아드는지에 대한 설명을 여기에서 확인하세요.

더 많은 방향 탐색

최고의 디자인이 첫 아이디어나 첫 번째 프롬프트에서 나오는 경우가 드뭅니다. 방향을 탐구하고, 접근 방식을 비교하고, 반복하는 것은 이미 디자이너의 작업 방식의 핵심입니다. 이 에이전트는 사용자가 더 빠르게 더 많은 것을 이해할 수 있도록 도와드릴 것입니다.

넓은 탐색이 가능합니다. 같은 문제에 대한 여러 가지 스타일 접근 방식을 빠르게 생성하고, 한 번에 여러 방향을 탐색하세요. 다양한 비즈니스 목표에 최적화된 여러 체크아웃 흐름을 비교하세요. 에이전트에게 세 가지 다른 정보 구조를 요청하세요.

깊게 들어갈 수도 있습니다. 방향을 정하여 에이전트에게 반복하고, 구현을 비교하고, 디자인 시스템에 맞춰 기존 디자인을 재고하도록 요청하세요. 에이전트는 가장 자주 그리고 최근에 사용한 구성 요소에서 시작하지만, 특정 라이브러리를 선택하고 특정 토큰, 변수, 구성 요소를 @멘션하여 정확히 필요한 방향으로 출력물을 유도할 수도 있습니다. 디자인 시스템을 위한 핵심 명령어로 생각하시면 됩니다.

AI로 인해 디자인 생성이 더 간단해짐에 따라, 경쟁력을 확보하지 못할 위험이 발생하게 되었습니다. 이 에이전트는 다양한 방향을 탐색할 수 있도록 설계되어, 올바른 방향을 선택한 후에는 직접 해보는 것이 이상적인 결과를 얻기 위해 프롬프트를 입력하는 것보다 더 빠르고 자연스럽고 토큰 측면에서도 효율적일 때가 많습니다. 팀과 함께 동일한 작업공간에서 동시에 작업하기 때문에 컨텍스트를 잃지 않을 수 있습니다.

디자인 시스템을 사용하여 스타일을 리믹스하고 화면을 생성하세요.

바쁜 업무 자동화

Figma의 에이전트가 캔버스에서 함께 작업하면, 더 빠르게 작업할 수 있을 뿐만 아니라 AI 지원과 직접적인 조작 간에 쉽게 전환할 수 있습니다. 따라서 맥락과 정밀함이 요구되는 지루한 작업을 쉽게 처리할 수 있습니다. 변수 이름을 일관되게 수동으로 바꾸거나, 여러 다른 화면에서 동일한 컴포넌트를 교체하거나, 전체 흐름에서 패딩 변경을 반복하거나, 많은 프레임을 실제적인 콘텐츠로 채워야 할 필요가 없다면 얼마나 좋을까요? 그것이 바로 에이전트의 역할입니다. 대량 수정 자동화, 디자인 시스템 적용, 현실적인 콘텐츠를 대규모로 채워주는 작업을 처리하여, 일반적으로 속도를 늦추는 작업들을 도와줍니다.

Figma와 채팅하면 파일 전체의 타이포그래피를 업데이트하고, 그리드 전체의 lorem ipsum 텍스트와 이미지를 교체하며, 모든 칩 컴포넌트를 활성 상태로 설정하거나, 채우기와 대조를 수동으로 조정하지 않고도 화면을 다크 모드로 변환할 수 있습니다. 디자인 시스템을 유지하면 에이전트는 특히 강력한 동반자가 됩니다. 에이전트를 통해 설명, 태그, 사용 사례를 라이브러리 전반에서 대량으로 업데이트하고, 명명 규칙을 표준화하며, 모든 상태와 변형을 포함한 문서 구성 요소를 문서화하고, 팀의 작업 예시를 공유하여 품질을 관리하세요.

대규모로 정확하게 편집을 하고 디자인 시스템을 문서화하세요.

피드백으로 더 많은 작업을 해보세요

디자인 작업은 주로 댓글과 파일에 흩어져 있는 피드백을 비판적 의견에서 이해 관계자의 반응, 열려 있는 질문까지 모두 축적합니다. 당사 에이전트는 그 피드백을 활용하도록 도와드립니다.

팀 전체가 동일한 파일에서 작업하기 때문에 에이전트는 이미 해당 컨텍스트를 가지고 있습니다. 따라서 에이전트에게 피드백을 처리해달라고 요청하는 것은 새로운 공동작업자에게 브리핑하기 것보다는 방 안에 이미 있는 누군가에게 함께 생각을 정리하는 것과 비슷합니다.

Figma에게 피드백을 요약하고, 주제를 파악하며, 입력을 다음 단계로 전환하도록 요청하세요. 이 기능을 사용하여 다양한 관점에서 디자인을 압력 테스트할 수도 있습니다. 수익을 중시하는 부사장이 어떤 반응을 보일지 궁금하시죠? 당사 에이전트는 그 관점을 모델링할 수 있습니다. 긴 댓글 스레드를 처리 중이신가요? 에이전트는 대화를 실질적인 계획으로 압축할 수 있습니다. 비평하기 전에 생각을 소리 내어 말할 필요가 있나요? 팀과 공유하기 전에 방향을 다듬어야 할 때 당사 에이전트를 사용하세요.

실시간으로 피드백을 받고, 정리하며, 적용하세요.

Figma의 에이전트는 작업이 이미 이루어지는 곳에 내장되어 있습니다. 토글 세금도 없고, 컨텍스트 전환도 없으며, 학습 곡선도 없습니다. 사용자가 Figma를 벗어나지 않아도, 팀은 최신 정보를 유지합니다. 이 제품을 만든 목표는 단 한 가지입니다. 품질과 정교함을 타협하지 않고 더 빠르게 일하도록 지원하는 것입니다.

앞으로 몇 달 동안 저희는 디자인 시스템에 대한 지원을 개선하고, 사용자 경험을 세밀하게 다듬으며, 파일 전반에 걸쳐 검색할 수 있는 에이전트의 능력을 확장하고, 사용자 지정 방법을 추가하는 데 집중할 것입니다. 이제 시작 단계입니다.

Figma 에이전트는 향후 몇 주 동안 베타 버전으로 점진적으로 출시될 예정입니다. 베타 동안 에이전트는 크레딧을 사용하지 않습니다. 일반 가용 시 AI 크레딧이 적용됩니다. 여기에서 등록하여 조기 액세스를 요청하세요. 베타에 참여할 자격이 있고 선택되면, 참여가 확정된 후 이메일을 보내드리겠습니다. 목록에 가입한다고 해서 접근이 보장되는 것은 아닙니다. 에이전트는 프로페셔널, 오거니제이션 및 엔터프라이즈 요금제의 풀 시트 사용자에게 제공됩니다. 협업 및 개발 좌석은 초안에서 에이전트를 사용할 수 있습니다. 스타터, 교육 및 정부 계획은 포함되지 않습니다. 도움말 센터에서 자세히 알아보세요.