bolt.newにサンプルFigmaファイルを読み込ませてコーディングしてもらったら

メモ書き程度です
部分的に時短はできるかもしれません

はじめに

https://www.figma.com/design/0xK0Vyp3WLpJ2ybfgortdd/Light-Webflow-Agency-Landingage-Template-by-FasterUI.com--Community-?node-id=1-3&t=LeLkcpqc7TvqNKmG-1
サンプルFigmaファイル

生成方法

bolt.newでFigmaファイルをimportする
↓
自動でReactで生成される
↓
bolt.newのチャット欄

reactは使用しません html tailwind で書き換えてください

↓
TailwindでHTMLに変換してもらった結果

生成結果

https://grand-swan-e35ee2.netlify.app/
Netlifyに上がったサイト bolt.newはNetlifyと連携するとワンボタンでDeployしてくれます

Reactの場合とHTMLの場合で、デザインが変わったが全く違うものを作ることはなかった

画像

PC

SP