AI 设计参考库：15 个站点，还有一个少见的用法

AI 做设计不缺生成能力，缺的是像样的参考。Vullnet Ademaj 在 X 上列了 15 个站点，覆盖整站、区块、CTA、动效、落地页和社区。不是提示词合集，是实打实的参考库。

先看视频，页面左侧是导航，右侧是模板预览，类似 Kernel、404 Breakout 这些区块，部分标了 Pro section。

清单如下，按用途分：

整站与页面参考

• supply.madebyoversight.com：192+ 站点参考
• theinternetdesigns.com：网站灵感
• land-book.com：落地页灵感
• supahero.io：落地页灵感
• godly.website：网页设计灵感

区块与 CTA

• supply.madebyoversight.com/sections：51 个区块
• cta.gallery：CTA 灵感
• footer.design：页脚灵感

动效与视频

• supply.madebyoversight.com/videos：AI 视频套件
• scrolltide.co：600+ 动画提示词
• 60fps.design：动效设计灵感

资源与社区

• devault.design：设计资源
• on.design：设计社区
• inspora.design：创意灵感
• onepromptdesign.com：AI 设计提示词

回复里有人提到 cta.gallery 是“沉睡者”：AI 能把 hero 区域做得很像样，但每个按钮还是写着 Get started。这个观察很准。另一个回复更直接：给每个参考分配一个任务，这个管间距，那个管字体，另一个管动效。把 15 张截图一股脑塞进提示词，只会得到一个“研究得很充分”的烂摊子。

还有人在问动效参考先用 scrolltide 还是 60fps。没有标准答案，看你要的是提示词还是视觉参考。

清单本身不复杂，关键是用法。参考站不是收藏夹，是工具箱。先想清楚要解决哪个问题，再去找对应的那一个。