mcpField
F
figma-use

figma-use

github.com/nexu-ioデザイン・UI104.6k2.8k 回インストール1 日前に更新
リポジトリ

figma-use について

figma-useは、Figma Plugin APIスクリプトを実行し、キャンバスへの書き込みや確認、変数、デザインシステムを扱うスキルです。本カタログの他のFigmaスキルの前提となります。

主な機能

  1. 01Figma Plugin APIスクリプトの実行
  2. 02キャンバスへの書き込み
  3. 03キャンバスの確認
  4. 04変数の操作
  5. 05デザインシステム関連の作業

活用シーン

  1. 01Figmaキャンバスへのコンテンツ書き込み
  2. 02キャンバスデザインの確認
  3. 03デザイン変数の管理
  4. 04デザインシステムの作業

MCP 対応

FigmaのMCPサーバーガイドをもとに整理されたスキルです。Figma Plugin APIスクリプトを実行しますが、MCPサーバーへの接続や管理の詳細は記載されていません。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nexu-io/open-design --skill figma-use

インストール後、Claude Code で/figma-useを入力して読み込まれたか確認します。

詳細

figma-use

Figma の MCP サーバーガイドをもとに編集されています。

概要

キャンバスへの書き込み、検査、変数、デザインシステムの作業に Figma Plugin API スクリプトを実行します。このカタログにある他のすべての Figma スキルを利用するための前提条件です。

ソース

使用方法

このカタログ項目は、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを使って上流のワークフロー全体を実行するには、上流のバンドルをアクティブなエージェントのスキルディレクトリにインストールしてください。

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

次に、スキル名（figma-use）またはこのスキルの frontmatter に記載されているトリガーフレーズを使って、このスキルを呼び出すようエージェントに依頼してください。

コメント

Markdown 対応