
Fig Prompt
Fig Prompt · 이미지
Fig Prompt는 간단한 영어 설명을 작동하는 Figma 플러그인으로 바꾸는 AI 도구다. Figma 플러그인 API를 배우는 대신 "선택한 레이어에서 모든 색상을 추출해 라벨이 붙은 스와치를 그려줘" 같은 문장을 쓰면, Fig Prompt가 코드를 생성하고 파일을 묶어 바로 설치할 수 있는 ZIP을 건넨다. 프로그래머를 고용하거나 API 문서를 읽지 않고 캔버스의 반복 작업을 자동화하려는 디자이너와 개발자를 겨냥한다.

Fig Prompt 소개
Fig Prompt란
Fig Prompt는 자연어로 Figma 플러그인을 작성하는 웹 도구다. 원하는 동작을 설명하면 모든 Figma 플러그인에 필요한 세 파일, code.js, ui.html, manifest.json을 만들어낸다. 이 파일들을 ZIP으로 내려받아 플러그인을 Figma에 불러와 실행한다. 사이트에 따르면 첫 플러그인은 약 2분이면 완성된다.
간단한 영어를 구사하는 Figma 플러그인 생성기라고 생각하면 된다. Figma 플러그인 자동화를 만들 때 플러그인 API를 알 필요가 없다. 그 층은 도구가 대신 처리한다. 작업을 설명하고, 결과를 확인하고, 설치한다. 순환은 이게 전부다.
발상은 단순하다. Figma의 플러그인 API는 강력하지만 학습 곡선이 가파르고 보상이 멀게 느껴져 대부분의 디자이너는 손대지 않는다. 레이어 이름 바꾸기, 그리드 재배치, 선택 영역에서 색상 뽑아내기 같은 흔한 요구의 상당수는 직접 코드를 짜는 대신 한 문장으로 설명할 수 있다는 것이 Fig Prompt의 판단이다.
한계는 짚어둘 만하다. Fig Prompt는 설명을 바탕으로 플러그인을 만들므로 결과의 품질은 프롬프트의 명확함을 따른다. 모호한 지시는 모호한 플러그인을 낳고, 흔한 자동화 패턴을 넘어서는 것은 문구를 반복해 다듬어야 할 수 있다. 실용적인 캔버스 수준 자동화를 위한 도구이며, 복잡한 제품에서 진짜 엔지니어링 절차를 대체하는 물건은 아니다. 그게 치명적일까? 일상적인 자동화 대부분에서는 아니다. 필요한 것이 사이트가 이미 보여주는 패턴에 가깝다면 첫 시도에서 쓸 만한 결과를 얻을 가능성이 크다.
시작하기
- figprompt.com을 열고 워크스페이스에 로그인한다.
- 원하는 플러그인 동작을 설명하는 문장을 입력한다. 예를 들어 "선택한 모든 레이어를 Y 위치에 따라 순서대로 이름 바꾸기".
- 편집기에서 생성된
code.js,ui.html,manifest.json파일을 확인한다. - ZIP을 내려받아 데스크톱 앱의 개발 메뉴에서 플러그인을 Figma에 불러온다.
- 프레임이나 선택 영역에서 플러그인을 실행하고, 결과가 맞지 않으면 프롬프트를 다듬는다.
제품 정보
Fig Prompt의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 같은 수작업 캔버스 작업을 반복하며 개발자를 고용하지 않고 플러그인을 원하는 디자이너.
- Figma 중심의 워크플로를 가진 제품 팀으로, 빠르게 쓰고 버릴 자동화 도구가 필요한 경우.
- 플러그인이 무엇을 해야 하는지는 알지만 플러그인 API 상용구를 쓰기보다 설명하고 싶은 개발자.
작업
- 선택한 레이어에서 색상을 추출해 캔버스에 라벨이 붙은 팔레트를 그리기.
- 하나씩 클릭하는 대신 위치, 유형, 순서로 레이어를 일괄 이름 바꾸기.
- 고충실도 프레임을 회색 와이어프레임 블록으로 바꿔 스타일을 빠르게 걷어내기.
- 흩어진 항목을 간격이 일정한 깔끔한 그리드로 정렬하기.
활용 상황
- 인계용으로 파일을 준비하며 개발자가 열기 전에 레이어 이름을 표준화해야 하는 디자이너.
- 촉박한 일정에 내부 보조 도구를 시제품으로 만들며 평소의 빌드 설정을 건너뛰는 팀.
- 프로젝트 막바지에 작업 흐름을 끊지 않고 어지러운 파일을 정리하는 개인 디자이너.
주요 기능
프롬프트에서 플러그인으로 생성
Fig Prompt는 한 문장을 읽고 완전하고 설치 가능한 플러그인을 만든다. 코드를 쓰거나 빌드 도구를 설정하지 않는다. 결과에는 로직 파일, 인터페이스 파일, 매니페스트가 포함되며 Figma가 불러올 수 있게 이미 연결되어 있다. 코드 없는 Figma 플러그인으로서는 이보다 더 직접적이기 어렵다.
세 파일 패키지 출력
Fig Prompt가 만드는 모든 플러그인은 code.js, ui.html, manifest.json을 담은 ZIP으로 나온다. 이는 개발용 플러그인에 대해 Figma가 기대하는 구성 그대로라서 구조를 고치거나 파일 이름을 추측하지 않고 그대로 넣을 수 있다. 대부분의 사람이 플러그인을 끝내지 못하게 만드는 번거로운 설정을 덜어준다.
예시 기반 템플릿
사이트는 팔레트 추출기, 일괄 이름 변경기, 즉석 와이어프레임 도구, 그리드 생성기 같은 작동 예시를 보여주며, 각각 단순한 프롬프트와 그것이 생성한 플러그인을 짝지어 둔다. 따라서 문구를 복사해 몇 분 만에 자기 파일에 맞춰 쓸 수 있다.
읽고 조정할 수 있는 코드
생성된 파일은 잠긴 블랙박스가 아니라 평범한 JavaScript와 HTML이다. 임계값을 바꾸거나 버튼 라벨을 고치고 싶다면 code.js를 열어 직접 편집하면 된다. 코드를 조금씩 익힌 디자이너일수록 같은 도구에서 더 많은 것을 얻는다는 뜻이다.
브라우저 기반 접근
Fig Prompt 자체를 쓰는 데 컴퓨터에 설치할 것은 없다. 로그인하고, 플러그인을 설명하고, 브라우저에서 ZIP을 내려받는다. 로컬에서 필요한 유일한 단계는 완성된 플러그인을 Figma 데스크톱 앱에 불러오는 것이며, 이는 Figma가 개발용 플러그인을 어차피 다루는 방식이다.
장단점
장점
- 간단한 영어 아이디어를 약 2분 만에 작동하는 Figma 플러그인으로 바꾼다.
- 흔한 자동화 작업에서 Figma 플러그인 API를 배울 필요를 없앤다.
- 출력 파일이 Figma가 기대하는 구조를 따르므로 설정 부담이 없다.
- 요청을 어떻게 표현할지 모를 때 예시 프롬프트가 출발점이 된다.
- 나중에 동작을 다듬고 싶어도 생성된 코드는 편집 가능한 상태로 남는다.
단점
- 결과가 작업을 얼마나 명확히 설명했는지에 크게 좌우되므로 모호한 프롬프트는 약한 플러그인을 만든다.
- 흔한 자동화 패턴을 가장 잘 다루며, 복잡하거나 제품에 특화된 로직은 여전히 진짜 개발자가 필요하다.
- API가 명시되어 있지 않아 Fig Prompt를 더 큰 파이프라인에 프로그램으로 연결할 수 없다.
자주 묻는 질문
텍스트 설명으로 Figma 플러그인을 작성한다. 플러그인이 하길 원하는 것을 입력하면 코드 파일을 생성하고 묶어서 Figma에 설치할 ZIP을 준다.
관련 콘텐츠
Fig Prompt와 관련된 도구, 스킬, 아티클을 살펴보세요.
Fig Prompt 대안
Google EmbeddingGemma 2
Google DeepMind · 글쓰기 · 이미지 · 코딩Google EmbeddingGemma 2는 7억 4000만 파라미터의 오픈 모델로, 텍스트와 코드, 이미지, 오디오, 영상 프레임을 하나의 768차원 공간에 벡터로 바꿔 스마트폰과 노트북에서 실행한다.
Tractionwave
TractionWave · 이미지 · 마케팅TractionWave는 정적 광고용 AI 어텐션 히트맵 도구다. PNG나 JPG를 올리면 예측된 시선 위치, 순위가 매겨진 핫스팟, 수정안이 나온다. 예산을 집행하기 전에 판단하는 데 쓴다.
Imejis.io
Imejis.io · 이미지 · 마케팅Imejis.io는 에이전트와 마케팅 팀을 위한 AI 디자인 스튜디오다. 평소 쓰는 말로 이미지를 설명하면 문구를 쓰고 레이아웃을 잡은 뒤 모든 크기로 다시 배치하고 완성 파일을 내보낸다.
