AI,个人随笔 从 0-1 创建 AI 组件库,保姆级教程+指令! 作为代码小白的设计师或产品人,如何用 shadcn/ui 搭出一套自己维护、又方便 AI 协作的组件库?文章给出两种方式:手动调节参数与 AI 生成代码,并以 tweakcn 为例,演示从预设主题到生成个性化 AI Friendly 组件库的步骤。 元尧 AI编程FigmaVibe Coding
AI,个人随笔 AI Coding中组件库的接入技巧+保姆级指令案例! AI IDE 已成为前端开发与物料搭建的常用工具,但让 AI 准确调用组件并不容易。文章结合大厂项目经验,讲清 AI Coding 时接入组件库的三种路径:npm 包、MCP 与 Skills,并给出可直接复制的指令,帮助提升组件调用的准确率。 元尧 AI编程Ant DesignMCP
个人随笔 设计系统负责人的语义生长:在1个组件的2个场景上练习核对 设计系统负责人如何低成本建立组件语义评审能力?本文提出只需找到使用频率最高的组件,核对它在2个场景下的语义身份,就能从“管组件长什么样”升级到“管组件承担什么责任”。通过真实案例和结构化域绑定方法,帮你迈出语义治理的第一步。 魏雯 Akir 案例分析组件库设计系统
AI,个人随笔 AI用户体验要素三:“Agent to UI”设计组件新范式 当AI Agent开始接管界面生成,传统GUI设计正面临前所未有的范式革命。本文深度解析Google提出的A2UI理念如何重构设计逻辑,从声明式UI描述、跨端渲染到动态交互循环,揭示Agent时代组件库设计的六大核心原则与四层架构升级路径,为产品团队提供从语义化分层到不确定性处理的完整转型方案。 热心网友小陈 A2UIAgent协作AI设计
交互体验 关于设计组件库,我们有一些新思考 设计组件库是提升设计效率和一致性的重要工具,但如何在频繁迭代和动态调整中高效赋能业务设计交付,一直是行业面临的挑战。本文作者分享了他们在设计组件库建设中的新思考和实践,供大家参考学习。 百度MEUX 产品思考案例分析组件库
个人随笔 Figma高阶技能卡①丨90%设计师都忽略的组件四大属性! 与Axure一样,Figma里面也有组件功能。而且Figma里面的组件更为重要,还会有对应的属性。这篇文章,我们看看作者是如何帮我们梳理的。 廖尔摩斯丨设计大侦探 Figma组件库经验分享
交互体验 产品人如何做好UI组件库竞品调研和项目规划 在数字化时代,UI组件库已成为提升设计和开发效率的重要工具。本文将带你深入了解产品经理如何从零开始规划和构建一个内部UI组件库。 异彩 竞品调研组件库经验分享
个人随笔 产品经理画原型想提高效率,从建立自己的组件库开始 在产品流程中,画原型写文档占据了大部分的工作时间和精力,如果有趁手的工具,能提高不少效率。本文分享的组件库的搭建方法,就能快速提高我们的工作效率。一起来看看。 王大鹿 Axure原型组件库经验分享
个人随笔 进阶!搭建自用高效组件库! 产在设计原型时,如果有自己使用顺手的组件库,工作效率会提高很多。本文作者分享了如何搭建和使用自己组件库的经验,供大家参考。 AAA产品老喻 Axure原型个人观点组件库
个人随笔 详解|组件库的更新迭代,有3个注意事项! 在快速发展的数字化产品领域,组件库的更新迭代是提升产品竞争力的关键步骤。然而,这个过程并不简单,它涉及到资源协调、分类优化和使用规范等多个方面。本文将深入探讨组件库更新的三个注意事项,帮助设计团队高效迭代,同时确保产品质量和团队协作的流畅性。 元尧 Axure组件库经验分享
个人随笔 什么?!你还不会搭建Figma设计组件库? 现在不少公司都选择用Figma之类的工具进行协同设计,一般都会建立一个共同的设计库。那作为新手,我们如何搭建一个自己的设计库?这篇文章,作者为我们详细解答。 自来卷夏忆 Figma组件库设计库