VibeDesign
“设计代币”在这里指的是一套可以用于编码的视觉样式元素，它们帮助开发者和设计师保持一致的界面风格。所谓的“vibe coding”，可以理解为一种不仅关注功能，还注重美感和用户体验的编码方式。通过使用设计代币，开发团队可以更轻松地实现设计理念，提高工作效率，同时也能确保最终产品在视觉上的统一性和协调性。简单来说，设计代币就像是风格的工具箱，让我们的编码不仅好用，还好看。
- 最高票数
- 13
- 最佳排名
- #25
- 上榜次数
- 1 次
- 最近上榜
- 2026.04.28
产品介绍
VibeDesign 是一款 Chrome 扩展，可以从任何在线网站提取设计元素，并将其转化为适合 AI 编码工具的结构化提示。它能够一键提取颜色（并标明其语义功能）、字体大小、间距节奏和动画时机，并将这些信息格式化为 Replit、Claude Design、Lovable、Figma Make、Bolt 或你喜欢的工具所需的格式。模型选择器支持 Gemini、Claude Opus 4.7 和 GPT-4o。
- 设计令牌
- Chrome扩展
- 提取设计令牌
- AI编码工具
- 颜色语义角色
- 排版比例
- 间距节奏
- 动画时机
- 一键提取
- Re