AI活用100本ノック

#054

Gemini&Figma/draw.io活用!

手書きアイデアが即データ化!雑なメモを編集可能な形式にAIが変換

#Gemini#Figma#手書きデジタル化
Gemini&Figma/draw.io活用!
実践プロセス(AIによる自動生成)

1.メモの撮影

ノートやホワイトボードに書いたワイヤーフレームの写真をスマホで撮りました。

2.データ変換指示

画像をGeminiに渡し、「Figmaやdraw.ioで編集できるコード形式にして」と依頼しました。

プロンプト例
この手書きのワイヤーフレーム画像を分析し、draw.ioにインポートできるXML形式で出力してください

3.ツールのインポート

AIが出力したコードやSVGデータを、各デザインツールへ貼り付けました。

4.継続的な編集

清書の時間を短縮し、デジタル化されたデータ上で即座にブラッシュアップを開始しました。