🌏網站生成

  1. Lovable - 最漂亮的網站介面生成 AI

LogoLovable
Lovable 使用心得

只需要輸入你想要開發什麼網站的 Prompt

Lovable 就會自動幫你生成好網站的排版

生成出來的介面是其他 AI 裡面最好看的

但是只適合生成排版, 如果要有完整的功能

可能需要後續再使用 Cursor 進行二次開發

  1. v0 - Next Js 網站生成的最好選項

v0 Dev 官方網站

v0 Dev 使用心得

跟 Lovable 一樣可以使用 Prompt 生成網站

但是默認生成的網站框架是 NextJs

由於是 NextJs 官方推出來的 AI 工具

所以在整合發佈到 Vercel 上的時候非常方便

  1. Bolt.New - 用Prompt生成網站的AI

Bolt 官方網站

Bolt 使用心得

你可以隨便把你的需求打上去

就會自動生成完整的代碼環境和網站

還可以直接 Deploy 發佈，修改Bug

  1. Framer - 設計師的網站製作用具

Framer 官方網站

Framer 使用心得

上面的工具都是輸入 Prompt 一鍵生成整個網站的代碼

但如果你比較想要自己設計排版

可以使用 Framer , 除了有AI輔助生成排版之外

你可以像設計師一樣, 自己的排版自己的網站

使用起來就像 Figma 那樣簡單

  1. Dora Run - 3D 網站製作神器

LogoDora
Dora 使用心得

如果想要在網站上加上帥帥的 3D 模型動畫

可以使用 Dora

先用 AI 生成第一個版本的網站

然後使用內建的動畫功能, 調整帥氣的 3D 效果

Previous筆記整理Next程式設計

Last updated