优设美地

优设美地是什么

优设美地Yosemite是一个面向设计师和开发者的网页、动效与设计细节参考库。它收录 Apple、Notion、Linear、Stripe、Figma、Raycast、Cursor、Vercel 等产品的页面案例，按网站灵感、精美动画、交互组件、图标资源分类，方便发现、收藏和整理创作参考。项目目前仍在打磨，整体偏轻量、克制，侧重可复用的设计资产沉淀。

核心功能

• 按全部、网页、动效、设计分类浏览，覆盖整站风格、动效案例和细节组件。

• 设计细节细分到按钮与开关、加载与进度、文字动效、导航与菜单等。

• 支持自然语言搜索，如「发光按钮」「极简网站」「加载动画」，可跨栏目查找。

• 可按风格、主题、来源、我的收藏筛选，风格包括极简编辑感、科技感、柔和高对比、渐变等。

• 每条案例附带设计说明和配色信息，可一键复制设计说明。

• 动效案例提供原版 Prompt，安装命令、示例和参数可一键复制，直接交给 Codex / Cursor 使用。

• 支持手机号或邮箱验证码登录，收藏可云端同步，也可合并本机收藏。

为什么选择优设美地

优设美地把设计、动效和组件放在一个库里，比单纯截图站更接近可用资产。动效案例带原版 Prompt，能直接复制给 AI 工具，适合现在的设计与开发工作流。收录来源多为一线产品页面，审美比较稳定。每条案例配有氛围化设计解读，能快速判断页面气质。登录后可收藏同步，方便长期整理个人灵感。

适用场景

• 设计师找官网、落地页的排版和配色参考。

• 前端开发参考动效实现和交互组件，并用 Prompt 让 AI 复现。

• 产品或创业者做竞品页面拆解，确定风格方向。

• 使用 Codex、Cursor 等 AI 编程工具时，把页面设计语言交给模型生成效果。

• 个人收藏日常设计素材，建立灵感库。

优设美地的用法

1. 打开优设美地官网allan.xin，在顶部切换全部、网页、动效、设计浏览。

2. 搜索框可直接输入描述，如「发光按钮」「科技感深色」，或用筛选器按风格、主题、来源过滤。

3. 点击案例查看详情，可以看到设计说明、配色、动效预览，也能跳转原站查看效果。

4. 需要落地时复制原版 Prompt 或设计说明，粘贴到 Codex、Cursor 中使用。

5. 登录后收藏会同步，也可合并本机收藏。遇到问题可通过微信或留言反馈。

优设美地与竞品对比