figma Codex プラグイン
プラグイン Codex クリエイティブ デザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
本プラグイン(figma, v2.0.13)は、OpenAIのプラグインシステム向けにFigma主導のデザインからコードへのワークフローをまとめたものです。README記載によると、Figmaのデザインを実装用UIコードに変換する処理、公開済みFigmaコンポーネント向けのCode Connectテンプレート作成、Figma-to-codeワークフロー用のプロジェクト固有デザインシステムルール生成をカバーしています。プラグインは.app.jsonを介してアプリに紐づき、接続されたFigma連携を通じてデザインコンテキストやスクリーンショット、ノードID付きFigma URLを取得する構成です。Figma/FigJamファイルや画面、デザインシステムライブラリの新規作成・更新にも対応しています。利用にはFigma Developer Termsが適用されます。
概要
Figmaはホームページの記載によると、デザイン・コード・AIのための共同作業キャンバスを提供するサービスであり、Figma Design、Figma Make、Dev Mode、FigJam、Figma Slides、Figma Drawなどの製品群をデザイン・プロトタイピング・プロダクト開発向けに展開しています。
figma でできること
- FigmaのフレームやコンポーネントをUIコードとして実装する
- 接続されたFigma連携を通じてデザインコンテキストやスクリーンショットを確認する
- 公開済みFigmaコンポーネント向けにパーサーレスなCode Connectテンプレートファイルを作成する
- Figma-to-codeワークフロー用のプロジェクト固有デザインシステムルールを生成する
- Figma内で画面全体やデザインシステムライブラリを新規作成・更新する
- ワークフローに必要な場合、新規のFigmaまたはFigJamファイルを作成する
出典
原文の説明（英語）
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
figma の変更履歴
- Codex プラグイン figma を追加