
最初にChatGPTでプロンプトを入力
「ファッションECを作りたいので、
必要な要素を出してください」
以下のようになりました。
■Claudeを使う
次にこの要素をClaudeで、
入力しプロンプトを指定
「マーメイド記法で、オブジェクト図を描いてください」
そうすると以下のようなオブジェクト図を描いてくれました。

ダウンロードできる.mermaidファイルは、
VS Codeで開くこともできます。
■Figmaで開く。
figmaのプラグインで
「Mermail in Figma」をインストールすると、
マーメイド記法を入力するウィンドウが開きます。
Claudeで書いたマーメイド記法をコピペして、
エクスポートすると、
みごとにFigma上で再現できました。

こっからデザインまで落とし込んで切れたらいいけど、
まだそういったAIはないみたいです。


コメント