SheepNav
Taste Lens

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 都能成为你的得力助手。

相关工具