awdr74100/figwright

어떤 프로젝트인가요?

핵심 기능

• 01Figma에서 선택한 항목을 프레임워크, 스타일링 시스템, 기존 컴포넌트에 기반한 코드로 변환합니다.
• 02Figma 캔버스를 읽고 수정할 수 있는 MCP 도구 121개를 제공합니다.
• 03프레임, 텍스트, 자동 레이아웃, 스타일, 변수, 컴포넌트를 만들고 수정합니다.
• 04플러그인이 Figma의 공개 Plugin API만 사용하며 로컬에서 실행됩니다.
• 05여러 에이전트가 각기 다른 Figma 파일을 동시에 작업할 수 있습니다.
• 06모든 도구 호출을 기록하고 모델에 전송되는 페이로드를 보여 주는 플러그인 패널을 포함합니다.

활용 사례

• 유료 Dev Mode 좌석 없이 Figma 디자인을 React 또는 다른 프레임워크의 컴포넌트로 구현하기.
• AI 에이전트가 작성된 사양을 바탕으로 Figma 캔버스에 화면이나 섹션을 만들게 하기.
• 생성된 코드가 기존 디자인 토큰 및 컴포넌트 라이브러리와 일관되게 유지되도록 하기.
• 여러 코딩 에이전트를 각기 다른 Figma 파일에 동시에 연결해 실행하기.

토픽

자주 묻는 질문

figwright은(는) 무엇인가요?

코딩 에이전트가 Figma 디자인을 코드로 바꾸고 캔버스에 다시 반영하는 무료 양방향 Figma MCP 서버 Figwright는 로컬 WebSocket 릴레이를 통해 MCP 서버와 Figma 플러그인을 연결하므로 Claude Code, Cursor, Codex 같은 AI 에이전트가 Figma 파일을 읽고 수정할 수 있습니다. 읽기 기능은 레이아웃, 타이포그래피, 변수, 컴포넌트 등의 디자인 맥락을 반영해 Figma에서 선택한 항목을 프레임워크에 맞는 코드로 변환합니다. 쓰기 기능을 사용하면 캔버스에서 프레임, 텍스트, 자동 레이아웃, 스타일, 변수, 컴포넌트, 전체 화면을 직접 만들고 수정할 수 있습니다.

figwright은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

figwright은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

figwright은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. figwright의 마지막 커밋은 2026년 10월 19일입니다.

figwright은(는) 어디에 사용할 수 있나요?

유료 Dev Mode 좌석 없이 Figma 디자인을 React 또는 다른 프레임워크의 컴포넌트로 구현하기. AI 에이전트가 작성된 사양을 바탕으로 Figma 캔버스에 화면이나 섹션을 만들게 하기. 생성된 코드가 기존 디자인 토큰 및 컴포넌트 라이브러리와 일관되게 유지되도록 하기. 여러 코딩 에이전트를 각기 다른 Figma 파일에 동시에 연결해 실행하기.

figwright은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/awdr74100/figwright