
jangtrinh/design-os-figma-plugin
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
Free Figma 플러그인 + CLI so Claude Code, Codex 또는 모든 쉘 에이전트는 Figma 파일을 읽고 편집 할 수 있습니다. Local WebSocket, 1개의 불도 단계, 좌석 없음.
개요
Inspect 라이브 선택, 스캔 디자인 시스템, 프레임을 작성, 변수를 바인딩, 자동 레이 아웃 트 트를 mutate, 그리고 마크 코드에서 직접 PNG를 내보내, Codex, Gemini CLI, and Antigravity. Quickstart · 그것이 만드는 것 · 설치 · 어떻게 작동 · 명령 · 제한 공식 읽기 전용 Figma MCPs 덤프 150k + noisy JSON의 문자를 컨텍스트 창에 넣고 비싼 엔터프라이즈 시트없이 캔버스로 다시 쓸 수 없습니다. typed CLI 명령어(inspect, scan-design-system, create-frame, set-text, export-png --assert)를 가진 로컬 WebSocket 릴레이를 묶습니다. AI 코딩 에이전트에서 프로젝트를 열고 필요한 것을 설명합니다. "현재 Figma 프레임을 검사하고 자동 레이아웃 및 가변 토큰을 추출하고 일치하는 React 구성 요소를 구축하십시오." "Active Figma 파일의 디자인 시스템 토큰을 스캔하고 DLS 구성 요소를 사용하여 새로운 1440x900 가격 섹션 프레임을 만듭니다.
개요(AI 번역)
Zero-cost 라이브 Figma 캔버스 브리지 (figma-agent] CLI + DESIGN:OS 브리지 플러그인) 에 AI 코딩 에이전트 — 작품 에 Figma 무료.
Inspect 라이브 선택, 스캔 디자인 시스템, 프레임을 작성, 변수를 바인딩, 자동 레이 아웃 트 트를 mutate, 그리고 마크 코드에서 직접 PNG를 내보내, Codex, Gemini CLI, and Antigravity.
Quickstart · 그것이 만드는 것 · 설치 · 어떻게 작동 · 명령 · 제한
왜 이 존재
Figma의 공식 MCP 서버는 원격 및 계획 조정입니다: 쓰기 도구는 전문가 또는 더 높은 계획 및 편집 접근을 필요로 하고, 통화는 더 낮은 층 (Figma의 MCP 비율 한계를 보십시오)에 모자를 씌웁니다. 큰 노드 덤프도 에이전트의 컨텍스트 창을 작성할 수 있습니다. 이 교량은 이미 Figma 데스크톱에서 열렸던 파일에 대한 로컬 대안이며, 공식 서버와 협동자입니다. design-os-figma-plugin typed CLI 명령(inspect, scan-design-system], create-frame], set-text]], [export-png --assert]]]])로 로컬 WebSocket 릴레이를 쌍합니다. Figma Free.
| 치수 | 일반 AI / 수동 워크플로우 | 디자인:OS Figma 플러그인 & CLI([T7]]) | 인포메이션
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
DESIGN:OS Figma Plugin & CLI (design-os-figma-plugin)
Zero-cost live Figma canvas bridge (figma-agent CLI + DESIGN:OS Bridge plugin) for AI coding agents — works on Figma Free.
Inspect live selections, scan design systems, create frames, bind variables, mutate auto-layout traits, and export visual verification PNGs directly from Claude Code, Codex, Gemini CLI, and Antigravity.
Quickstart · What it makes · Install · How it works · Commands · Limits
Why this exists
Figma’s official MCP server is remote and plan-gated: write tools need a Professional or higher plan and edit access, and read calls are capped on lower tiers (see Figma’s MCP rate limits). Large node dumps can also fill an agent’s context window. This bridge is a local alternative for the file you already have open in Figma Desktop, and it coexists with the official server. design-os-figma-plugin pairs a local WebSocket relay with typed CLI commands (inspect, scan-design-system, create-frame, set-text, export-png --assert) that work on Figma Free.
| Dimension | Generic AI / Manual Workflow | DESIGN:OS Figma Plugin & CLI (DESIGN:OS) |
|---|---|---|
| Canvas Write Access | Official MCP writes need a paid plan and edit access; REST APIs are read-only | Full bidirectional read + write (create-frame, set-text, clone-traits, exec-js) on Figma Free |
| Context Window Usage | 155K-character raw node dumps that overflow agent context | Compact, depth-controlled inspect and context summaries |
추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add jangtrinh/design-os-figma-plugin