mcpField
F
figma-create-new-file

figma-create-new-file

github.com/openaiデザイン・UI28.4k2.7k 回インストール18 週間前に更新
リポジトリ

figma-create-new-file について

Figma の下書きに空のデザインファイルや FigJam ファイルを作成するスキルです。ファイル名とエディタータイプを指定でき、作成前に必要な planKey を解決します。

主な機能

  1. 01デザインファイルの作成
  2. 02FigJam ファイルの作成
  3. 03ファイル名とエディタータイプの指定
  4. 04必要な planKey の解決

活用シーン

  1. 01新しい Figma デザインの開始
  2. 02名前付き FigJam ボードの作成
  3. 03複数のプランからチームを選択

MCP 対応

`create_new_file` MCP ツールで選択したプランの下書きフォルダーにファイルを作成します。利用可能なプランの確認には `whoami` を呼び出す場合があります。

インストール

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

$npx skills add https://github.com/openai/skills --skill figma-create-new-file

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENSE.TXT
maintainers.yml
agents/
openai.yaml
assets/
figma-small.svg
icon.svg

詳細

create_new_file — 新しい Figma ファイルを作成

create_new_file MCP ツールを使用して、ユーザーの下書きフォルダーに新しい空の Figma ファイルを作成します。新しいファイルで作業する必要がある場合、通常は use_figma の前に使用します。

スキルの引数

このスキルでは、次のオプション引数を指定できます：/figma-create-new-file [editorType] [fileName]

  • editorType：design（デフォルト）または figjam
  • fileName：新しいファイルの名前（デフォルトは "Untitled"）

例：

  • /figma-create-new-file — "Untitled" という名前のデザインファイルを作成します
  • /figma-create-new-file figjam My Whiteboard — "My Whiteboard" という名前の FigJam ファイルを作成します
  • /figma-create-new-file design My New Design — "My New Design" という名前のデザインファイルを作成します

スキルの呼び出しから引数を解析します。editorType が指定されていない場合は、"design" をデフォルトとして使用します。fileName が指定されていない場合は、"Untitled" をデフォルトとして使用します。

ワークフロー

ステップ 1：planKey を解決する

create_new_file ツールには planKey パラメーターが必要です。次の判断フローに従ってください。

  1. ユーザーがすでに planKey を指定している（以前の whoami の呼び出しで取得した場合や、プロンプトに記載されている場合など）→ その値を直接使用し、ステップ 2 に進みます。

  2. planKey がない → whoami ツールを呼び出します。レスポンスには plans 配列が含まれます。各プランには key、name、seat、tier があります。

    • プランが 1 つの場合：その key フィールドを自動的に使用します。
    • 複数のプランがある場合：ファイルを作成するチームまたは組織をユーザーに確認し、該当するプランの key を使用します。
ステップ 2：create_new_file を呼び出す

次のパラメーターを指定して create_new_file ツールを呼び出します。

パラメーター必須説明
planKeyはいステップ 1 で取得したプランキー
fileNameはい新しいファイルの名前
editorTypeはい"design" または "figjam"

例：

{
  "planKey": "team:123456",
  "fileName": "My New Design",
  "editorType": "design"
}
ステップ 3：結果を使用する

ツールは次の情報を返します。

  • file_key — 新しく作成されたファイルのキー
  • file_url — Figma でファイルを開くための直接 URL

後続のツール呼び出し（use_figma など）では file_key を使用します。

重要な注意事項

  • ファイルは、選択したプランのユーザーの下書きフォルダーに作成されます。
  • 対応しているエディタータイプは "design" と "figjam" のみです。
  • 次のステップで use_figma を使用する場合は、呼び出す前に figma-use スキルを読み込んでください。

コメント

Markdown 対応