Material 3 Expressive是Google最新的设计语言，但要在项…

Material 3 Expressive是Google最新的设计语言，但要在项目里用起来，光配色、字体、组件状态就得折腾半天。 现在有个开源工具，直接在网页上拖拽搭UI，搭完自动导出Agent可用的提示词。 GitHub：github.com/lnkiai/m3e-can… 项目刚突破500星，说明社区认可度很高。 它解决的问题很明确：设计师在Figma里画好界面，开发要手动扒设计规范，再翻译成代码或提示词，中间信息损耗很大。 这个工具把流程缩短了：网页上直接用Material 3组件搭界面，搭完一键生成结构化提示词，丢给Claude、GPT、Cursor就能直接用。 对于做AI应用的开发者来说，这个工具太实用了。以前要手动扒设计规范，现在一条命令就能搞定。 它会自动提取网站的配色方案、字体大小、间距、响应式断点等信息，生成Tailwind配置、Figma变量、shadcn主题等文件，还能生成给v0/Cursor用的提示词。 对于想学习优秀网站设计的开发者来说，这个工具也很有用。你可以用它来分析任何网站的设计语言，学习他们的配色、字体、间距等设计细节。 GitHub地址：github.com/lnkiai/m3e-can… 对于想给老项目补设计规范的团队来说，这个工具也很有用。你可以用它来分析现有网站的设计，生成一套完整的设计规范文档，方便团队协作。 总的来说，m3e-canvas是一个非常实用的设计系统提取工具，对于前端开发者和设计师来说都是必备工具。