i-figma-spec は何をしますか?
Figma 仕様ワークフローのための Codex スキル:デザインシステムページからの抽出、構築、チェック、学習を行います。
概要
このスキルは、Figma のデザインシステムページから以下の操作を実行できます:
- 抽出: デザイントークン、コンポーネント、スタイルを構造化データとして抽出
- 構築: 抽出したデータからコード生成やドキュメント作成
- チェック: デザインとコードの一貫性を検証
- 学習: デザインシステムのパターンを分析し、ベストプラクティスを学習
使用方法
# デザインシステムページから仕様を抽出
figma-spec extract <file-key> <page-name>
# 抽出したデータからコードを構築
figma-spec build <spec-file>
# デザインとコードの一貫性をチェック
figma-spec check <spec-file> <code-file>
# デザインシステムのパターンを学習
figma-spec learn <file-key>
環境変数
FIGMA_ACCESS_TOKEN: Figma API アクセストークン(必須)FIGMA_FILE_KEY: 対象の Figma ファイルキー(オプション)
対応プラットフォーム
- Codex CLI
- Claude Code
- Cursor
ライセンス
MIT