Upgrade to Pro — share decks privately, control downloads, hide ads and more …

【AI 自走型】Figma からデザインコーディングを行うプロンプト

tetsuro_b
February 20, 2025

【AI 自走型】Figma からデザインコーディングを行うプロンプト

Cursor を活用した Figma からデザインコードを生成するプロンプトを開発したので紹介します。
Figma からコード生成したい場合の専用ツールなど最近は出てきていますが、中々既存のプロジェクトのルールに沿った内容でコードを生成するのが難しく思います。
どのように既存プロジェクトに沿ったコードを生成できるようにするのかプロンプト設計のポイントを解説していきます。

tetsuro_b

February 20, 2025
Tweet

Other Decks in Programming

Transcript

  1. 最後に 完全版のプロンプトは Zenn にて公開中です。 このあと X(@tetsuro_b)にもポストしておくので気になった方はぜひ!! Zenn 【AI 自走型】画像をもとにデザインコーディングを行うプロンプト Figma

    の情報をもとにコーディングを自動化するツールは代表的なものだ と v0 の Import From Figma 、また Figma のプラグインにも多く存在し… 📣 株式会社キカガクでは AI 大好き(そうじゃない方も)エンジニア募集中です!