JD

jangtrinh/design-os-figma-plugin

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

25 stars 品質 52 トレンド 31NOASSERTION

無料のFigmaプラグイン+ CLIなので、Claudeコード、Codexまたは任意のシェルエージェントは、あなたが開いたFigmaファイルを読み、編集することができます。 ローカルWebSocket、ミューテーションごとの1つのundoステップ、座席無し.

概要

ライブセレクション、スキャンデザインシステム、フレームの作成、変数のバインド、自動レイアウト特性のミュート、Claudeコード、Codex、Gemini CLI、およびAntigravityから直接ビジュアル検証PNGをエクスポートします。 クイックスタート・それを作るもの・インストール・使い方・コマンド・制限 公式の読み取り専用Figma MCPsダンプ150k+のnoisy JSONの文字をコンテキストウィンドウにし、高価な企業席なしでキャンバスに戻って書くことができません。 ローカル WebSocket リレーと型付き CLI コマンド (インスペクト、スキャン・デザイン・システム、 create-frame、 set-text、 export-png --assert) を組み合わせます。 あなたのAIコーディングエージェントでプロジェクトを開き、必要なものを記述します。 「現在選択した Figma フレームを調べ、自動レイアウトと可変トークンを抽出し、マッチング React コンポーネントを構築します。」 「アクティブな Figma ファイルの設計システムトークンをスキャンし、DLS コンポーネントを使用して新しい 1440x900 プライシング セクション フレームを作成します.

概要(AI 翻訳)

ゼロコストライブ Figma キャンバス ブリッジ (figma-agent)] CLI + DESIGN:OS Bridge プラグイン(AI コーディング) — Figma Free で動作します。

ライブセレクション、スキャンデザインシステム、フレームの作成、変数のバインド、自動レイアウト特性のミュート、Claudeコード、Codex、Gemini CLI、およびAntigravityから直接ビジュアル検証PNGをエクスポートします。

クイックスタート・それを作るもの・インストール・使い方・コマンド・制限

お問い合わせ

なぜこれが存在しているのか

Figma の公式 MCP サーバーはリモートで、計画ゲートです: 書き込みツールは、プロフェッショナルなプランとより高い編集アクセスを必要とし、読み取りコールはより低い層に収容されます(Figma の MCP レート制限を参照してください)。 大きいノードダンプはエージェントのコンテキストウィンドウを埋めることもできます。 このブリッジは、既に Figma デスクトップで開いているファイルに対してローカルな代替手段であり、公式サーバーと共存しています。design-os-figma-plugin] は、型付き CLI コマンド (inspect])、 [scan-design-system]]、 [[create-frame、 [[[set-text]]]) でローカル WebSocket リレーをペアリングします。Figma Free で動作します。

| 寸法 | 汎用人工知能・マニュアルワークフロー | 設計:OS Figma Plugin & CLI ([DESIGN:OS) | お問い合わせ

このページは 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
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add jangtrinh/design-os-figma-plugin
MCP 初心者?mcpskill.org のガイドから始めましょう →