把最近收藏的设计站翻了一遍,按做一个页面的顺序整理出 10 个,存好这一条,下次开工直接对着用。
一、先找参考,把审美喂给 AI
1. http://recent.design:每天更新的设计灵感合集,开工前刷五分钟找方向
https://recent.design
2. http://on.design:设计师社区,以前收录获奖网站的 http://godly.website 现在也并到了这里
https://on.design
3. http://60fps.design:移动端和网页的 UI 动效合集,想加交互动画时先来看看别人怎么做
https://60fps.design
4. http://footer.design:只收页脚的图库,页面底部总写不好的可以直接参考
https://footer.design
二、直接出页面
5. http://modulify.ai:一句话生成网站或 Web 应用,自带 CMS、数据库和托管,适合不想自己部署的人
https://modulify.ai
6. http://motionin.design:一批带物理效果、跟随鼠标的网页区块,每个都附好了提示词,复制给 Claude Code 或 Codex 就能做出同款(付费)
https://motionin.design
7. http://wonderlist.design:127 套 Figma 网站模板,SaaS、作品集、咨询公司都有(付费)
https://wonderlist.design
三、补素材
8. http://iconly.design:2,400 多个 App、游戏和网页图标,能按分类、风格、颜色筛选
https://iconly.design
9. http://fontinlogo.com:查大牌 Logo 用的是什么字体,Nike、Tesla、Chanel 都能查到
https://fontinlogo.com
10. http://backgrounds.supply:手工绘制和 AI 生成的背景图、渐变合集
https://backgrounds.supply
配合 Claude Code 和 Codex 怎么用
在参考站截两三张喜欢的图,直接贴进对话,告诉它「照这个风格的配色、留白和字号重做首页」,两边都支持贴图。字体去 fontinlogo 查到具体名字再写进提示词,比写「高级感」三个字管用得多。