mcpField
F
figma-generate-library

figma-generate-library

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

figma-generate-library について

figma-generate-libraryは、コードベースをもとにFigmaのデザインシステムライブラリを構築・更新するスキルです。Figmaの正となるデザインを、公開済みコンポーネントと同期させるのに役立ちます。

主な機能

  1. 01コードベースからデザインシステムライブラリを構築
  2. 02コードベースをもとにライブラリを更新
  3. 03Figmaのコンポーネントを公開済みコンポーネントに整合

活用シーン

  1. 01コードベースからデザインライブラリを作成
  2. 02コード変更後のFigmaライブラリ更新
  3. 03公開済みコンポーネントとFigmaの同期

インストール

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

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

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

詳細

figma-generate-library

Figma の MCP サーバーガイドをもとに厳選しています。

概要

コードベースから、プロ品質のデザインシステムライブラリを Figma で構築または更新します。Figma の信頼できる情報源を、リリース済みのコンポーネントと同期させるのに役立ちます。

ソース

使い方

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

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

その後、スキル名（figma-generate-library）またはこのスキルの frontmatter に記載されたトリガーフレーズを使って、このスキルを実行するようエージェントに依頼します。

コメント

Markdown 対応