Fig Prompt

Fig Promptは自然言語からFigmaプラグインを書くWebツールだ。望む動作を説明すると、すべてのFigmaプラグインに必要な3つのファイル、code.js、ui.html、manifest.jsonを生成する。それらをZIPでダウンロードし、プラグインをFigmaに読み込んで実行する。公式サイトによれば、最初のプラグインは約2分でできる。

簡単な英語を話すFigmaプラグイン生成ツールと考えればいい。Figmaプラグイン自動化を作るのにプラグインAPIを知る必要はない。その層はツールが引き受ける。タスクを説明し、出力を確認し、インストールする。ループはこれだけだ。

考え方は単純だ。FigmaのプラグインAPIは強力だが、学習曲線が急で見返りが遠く感じられるため、ほとんどのデザイナーは触れない。レイヤーの名前変更、グリッドの並べ替え、選択範囲からの色抽出といったよくあるニーズの多くは、手でコードを書くのではなく一文で説明できる、というのがFig Promptの読みだ。

限界は明言しておく価値がある。Fig Promptは説明からプラグインを作るので、出力の質はプロンプトの明確さに連動する。曖昧な指示からは曖昧なプラグインしか出ず、よくある自動化パターンを超えるものは文言の調整を繰り返す必要があるかもしれない。これは実用的なキャンバスレベルの自動化のためのツールであり、複雑な製品における本物のエンジニアリング工程の代わりではない。それが致命的か？ 日常的な自動化のほとんどでは、そうではない。サイトがすでに示しているパターンに近いニーズなら、最初の試行で使えるものが得られるだろう。

はじめ方

1. figprompt.comを開き、ワークスペースにサインインする。
2. 望むプラグインの動作を説明する文を入力する。たとえば「選択したすべてのレイヤーをY位置に基づいて順番に名前変更する」。
3. エディターで生成されたcode.js、ui.html、manifest.jsonを確認する。
4. ZIPをダウンロードし、デスクトップアプリの開発メニューからプラグインをFigmaに読み込む。
5. フレームや選択範囲でプラグインを実行し、結果がしっくりこなければプロンプトを調整する。