
Taste Lens
tastelens.app
解码设计原理,导出系统规范
29天前制作者:Yilan Dong
关于 Taste Lens
Taste Lens 是一款智能设计分析工具,只需上传图片或粘贴链接,即可从色彩、字体、构图、纹理、风格、情绪、光线和媒介等八个维度深度解析设计作品的成功之处。它不仅能帮你理解设计背后的逻辑,还能一键导出可复用的设计资产,包括提示词、完整设计系统、Figma 令牌、shadcn/Tailwind 代码、CSS 样式、ASE 色板以及对比度报告。无需注册登录,即开即用。
核心功能
Taste Lens 的核心在于将设计直觉转化为可量化的系统。通过上传设计截图或网页 URL,AI 会从八个专业视角进行拆解,生成结构化的分析报告。每个维度都配有详细的文字解释和视觉标注,让你清楚知道“为什么这个设计看起来很棒”。
主要特性
- 八维分析:覆盖色彩、字体、构图、纹理、风格、情绪、光线和媒介,全面剖析设计原理。
- 一键导出:支持导出 Figma 令牌、shadcn/Tailwind 代码、CSS 样式、ASE 色板等,无缝对接开发工作流。
- 对比度报告:自动生成无障碍对比度检查,确保设计符合 WCAG 标准。
- 零门槛使用:无需注册登录,上传即分析,适合设计师、开发者及产品经理快速获取设计灵感。
- 系统化输出:从单张图片提炼出完整的 设计系统,包括色彩变量、字体层级、间距规则等,便于团队复用。
适用场景
- 设计复盘:分析优秀作品,学习大师级配色、排版与构图技巧。
- 设计转代码:将视觉稿快速转化为可维护的 CSS 变量和组件代码。
- 团队协作:导出统一的设计令牌,确保设计与开发语言一致。
- 无障碍优化:利用对比度报告检查并改善产品的可访问性。
无论是想提升设计审美,还是加速设计到开发的交付流程,Taste Lens 都能成为你的得力助手。