最近我用 Pi 做前端，慢慢改掉了一个习惯🔥 不再让它一次设计完整页面，而是把 UI 拆开，去找对应风格的网站学习 这 5 个网站非常值得学习： 1、Navbar Gallery｜专门学导航 http

最近我用 Pi 做前端，慢慢改掉了一个习惯🔥

不再让它一次设计完整页面，而是把 UI 拆开，去找对应风格的网站学习

这 5 个网站非常值得学习：

1、Navbar Gallery｜专门学导航

https://www.navbar.gallery/

Navbar、Mega Menu、Web App 导航都有，先让 Pi 把顶部结构学明白。

2、Supahero｜专门找 Hero

https://supahero.io/

首屏往往最容易做出 AI 味，先挑两三个 Hero，让 Pi 分析标题、布局、CTA 和视觉重心

3、SaaSFrame｜补 Dashboard 和产品页面

https://www.saasframe.io/

后台、Pricing、Account、产品 Flow 很多，特别适合做 SaaS 和管理后台。

4、Aceternity UI｜补高级动效和组件

https://ui.aceternity.com/

Bento、3D、背景动效、React 组件都比较成熟，适合最后把页面质感往上拉。

5、http://Footer.design｜最后把页脚补完整

https://www.footer.design/

别再让 AI 每次做到最后随便塞几列链接就收工。
我现在更喜欢的 Pi 工作流就是：

导航先找参考 → Hero 单独设计 → 中间产品区参考 SaaSFrame → 动效最后补 → Footer 收尾