2023中国用户体验设计系统白皮书

序言 在建设数字中国已成基本国策的时代背景下，数字化转型正在全面重塑企业的经营和管理模式。随着企业服务生态不断延伸，新的数字触点和中后台系统大量涌现，如何保持产品体验的一致性，保证高质量的用户体验以及高效的团队协同效率，成为体验设计行业面临的新挑战。 而设计系统的出现就是为了解决这些问题。一套成熟的设计系统有助于在不同渠道平台上保持一致的设计语言和风格，同时让设计师更专注于整体体验，更轻松地与产品及研发团队协作。 随着设计系统的概念在海内外市场中逐渐成熟，国内许多企业也积极探索自建设计系统的应用。如今，设计系统不仅用于解决数字产品体验规模化问题，也成为企业数字基础设施和数据资源的重要资产。 2023年，为了解中国用户体验体验设计系统的发展现状，IXDC与ETU体验咨询联合发起了《2023中国用户体验设计系统调研》活动并发布《2023中国用户体验设计系统白皮书》（下文简称白皮书），深度聚焦个人设计系统使用和企业级设计系统发展两大方面，深入分析设计系统在国内的发展情况。 白皮书从设计系统相关从业者概况、开源设计系统使用情况、企业自建设计系统的应用和管理，以及AIGC等前沿技术的影响等五个章节进行详细阐述。此次调研也进行了行业专家定性访谈，总结了垂直领域中领先企业设计系统发展的最新动态和经验总结，为体验设计走向规则化、结构化、系统化的方向发展提供了宝贵的经验。 希望这份白皮书能够更好地帮助行业相关从业者了解设计系统的发展脉络、管理模式及未来趋势，同时为同处于为智能化时代下的同业们带来更多的设计系统发展的可能性。 调研说明 本次调研分为桌面研究、定量问卷、专家访谈三个阶段 阶段一：桌面研究 针对国内外用户体验设计系统的发展情况及使用情况，收集行业资料，梳理各类系统类型、特点及优势，分析设计系统在中国设计行业中的现状及未来发展趋势。 阶段二：定性访谈 围绕设计系统的建设管理、价值意义、发展阶段、AIGC趋势等议题进行定性访谈，特别邀请行业专家或设计系统负责人共计8位，来自金融、互联网、咨询、文旅、制造业等行业，均在设计系统的建设上有较为丰富的经验。 阶段三：定量研究 本阶段主要目的在于了解国内体验从业者日常工作中使用设计系统及其所在公司自建设计系统的情况，共计回收有效问卷332份。·调研对象：面向设计系统相关从业者，岗位覆盖视觉设计、交互设计、品牌设计、前端工程师、后端工程师、产品经理、产品运营等职位，横跨互联网、金融、制造业、咨询、科教等12个行业。 ·调研方法：以在线定量问卷形式，通过用户线上自主填写完成。问卷投放渠道为IXDC、ETU体验咨询及各大合作公众号平台。 ·数据说明：问卷覆盖专业工具使用、开源设计系统使用、自建设计系统使用与管理、未来设计系统趋势等4大类问题。如无特殊说明，本报告中关于用户调研的数据结论，均基于此次的有效样本数据分析所得。 什么是设计系统？ 设计系统（Design System）又称设计体系，是可复用组件的集合构成，配合清晰的标准引导，通过机制化的组织流程和具象的指南与工具加以整合，以帮助企业内部人员高效、协同地创建大量的应用程序，如Apple’s Human Interface Design、Google Material Design System、蚂蚁金服Ant Design设计系统等。 目录 P30 一.设计系统相关从业者概况 四.企业自建设计系统管理概况 1.1性别、年龄及城市分布1.2受访者岗位分布1.3从业年限和岗位细分1.4所属行业和企业规模分布1.5设计系统接触情况1.6自建设计系统角色分布 4.1自建设计系统搭建动机4.2系统构建耗时及路径4.3系统创造者团队分布4.4系统管理模式分析4.5载体工具选择分析4.6系统创造者资产内容关注情况4.7系统分发推广措施分析4.8系统内容运作维护分析4.9系统效果评估分析4.10自建设计系统主要挑战与经验专家对话核心发现 二.专业工具与开源设计系统使用概况 2.1产品经理专业工具使用分布2.2设计从业者专业工具使用分布2.3细分岗位下设计从业者工具使用情况2.4前端工程师专业工具和技术使用分布2.5各岗位开源设计系统使用情况 P50 五.设计系统发展前沿趋势洞察 5.1从业者AIGC工具使用情况分析5.2 AIGC资产内容覆盖情况分析5.3系统搭建AIGC应用情况分析5.4未来AIGC工具使用期待专家对话蓝图展望 三.企业自建设计系统应用概况 3.1系统使用者角色分布3.2系统使用者规模分布3.3系统使用年限分布3.4系统使用者资产内容使用情况3.5系统使用者组件使用频率分布3.6系统使用满意度评价3.7系统使用效能评价3.8系统使用体验痛点分析3.9系统未来精益发展方向 设计系统相关从业者概况 Overview of Design System Practitioners 1.1行业人才年轻化，集聚超一线城市 性别、年龄及城市分布 本次参与调研的设计系统相关从业者中，女性比男性多10%。75%的从业者年龄集中在26-40岁，21%的从业者年龄在25岁以下，年龄超过40岁的从业者占比5%，人才年轻化趋势明显。从业者所在区域的分布中，来自超一线城市（北上广深）的人数占比超60%，包括北京（17%）、上海（14%）、广州（15%）及深圳（15%），来自杭州（6%）、南京（3%）等新一线城市的人数紧随其后。 1.2 “产-设-研”复合型人才脱颖而出 受访者岗位分布 从岗位分布来看，81%的受访者从事设计相关工作，从事产品相关工作人数占比24%，从事技术相关工作人数占比10%。另外有近20%的从业者身兼“产-设-研”数职，为复合型人才，其中产品兼设计岗占比11%，产品兼设计兼技术研发占比5%，设计兼技术研发岗占比2%，反映了在设计系统驱动下“产-设-研”逐渐一体化的趋势。 1.3 5~10年从业经验者最多，设计从业者相对经验更丰富 从业年限和岗位细分 从业年限中，占比人数最多的为拥有5～10年工作经验者（26%），其次为3-5年工作经验者（20%）。设计从业者中5～10年工作经验丰富的从业者居多，技术从业者中3年以内初出茅庐的从业者人数最多，产品从业者工作年限分布较为均衡，用户研究员和项目经理中5～10年工作经验丰富的从业者居多。 1.4互联网、金融、制造行业的从业者占比最高 所属行业和企业规模分布 52%的受访者来自互联网行业，11%来自金融行业，10%来自传统制造业，而咨询、消费零售、科教文娱等行业的从业者相对占比较少。来自大型企业的从业者最多，占比为42%，来自中型企业的从业者占比26%，来自小型企业的人数占比31%。大、中、小规模企业的岗位分布都呈现设计从业者人数最多，产品从业者居中，技术从业者最少。相比于中小型企业，大型企业的设计从业者占比最多；而技术从业者和产品从业者人数在大中小企业中的占比相当。 1.5半数设计从业者使用过开源和组织自建的设计系统 设计系统接触情况 80%受访者表示曾接触过设计系统，其中49%的从业者接触并使用过开源及组织自建的设计系统，32%仅接触并使用过开源设计系统，19%仅接触并使用过组织自建的设计系统。从岗位分布来看，设计从业者中同时接触过开源和自建设计系统的人更多，占比54%；产品从业者和技术从业者中，仅接触过开源设计系统的人更多，占比分别为40%和44%。 1.6自建设计系统管理者经验丰富、年轻有为 自建设计系统角色分布 参与调研并接触过自建设计系统的从业者中，有51%为设计系统的管理者，其中包括发起者*（24%）和创造者*（27%）。半数管理层从业者的年龄集中在31～40岁，另有40%的管理者年龄在26-30岁之间。管理者的人数分布随工作年限增长呈现递增趋势，有1年以内含一年工作经验的占7%，有1~3年工作经验的占13%，有3～5年工作经验的占24%，有5～10年工作经验的占28%，10年以上工作经验的占29%。设计系统的使用者在所有受访者中占比37%，在工作年限上的分布较为均衡，而设计系统的贡献者则仅占总人数的12%，多为工作经验5年以上经验丰富的协作人员。 专业工具与开源系统使用概况 Professional Tools and Open Source Design Systems Usage 2.1产品经理人均使用约5项工具，AIGC工具正变得不可或缺 产品经理专业工具使用分布 产品经理使用最高频的原型创作类工具是Axure（58%）、Figma（51%）和Sketch（34%），墨刀（30%）、蓝湖（25%）等国产工具的使用率也相对较高。在新兴的AIGC工具中，语言类工具ChatGPT和文心一言相对使用更高频，分别占比58%和30%；制图类工具中，Midjourney和Stable Diffusion使用人数较多，分别占比52%和19%。 2.2设计师人均使用约6项工具，综合创作工具与AIGC工具使用率最高 设计从业者专业工具使用分布 设计师的Top 4综合创作类工具分别是Figma（60%）、Photoshop（58%）、Sketch（51%）和Illustrator（49%），国产工具蓝湖（21%）和MasterGo（15%）也崭露头角。被设计师选择最多的动态原型类工具是After Effects（39%），其次是Principle（27%）。Cinema 4D（22%）和Blender（18%）是最受欢迎的3D视觉类工具。此外，设计师们最常用的AIGC类工具是Midjourney（51%）和ChatGPT（48%），23%的设计师也会使用Stable Diffusion和文心一言。 2.3设计管理者人均使用约9项工具，掌握的工具类型最丰富 细分岗位下设计从业者工具使用情况 从设计从业者各岗位的分布来看，设计管理者人均使用约9项工具，掌握的工具类型最多，涵盖设计协同、3D视觉、AI自然语言处理工具和AI制图生成工具等多种类型，最高频使用的工具依次为Photoshop、Midjourney、Illustrator、ChatGPT、Figma； 交互设计师人均使用约6项工具，最常使用的工具为Figma、Sketch、Midjourney、ChatGPT、Photoshop，类型集中在设计协同工具和AIGC工具；视觉/UI设计师人均使用约9项工具，After Effects和Principle的使用率上明显高于其他岗位，高频使用的工具类型分布与设计管理者近似；品牌设计师人均使用约7项工具，最高频使用的工具是Photoshop和Illustrator。 2.4前端工程师/架构师的工具和技术使用分布更加集中 前端工程师专业工具和技术使用分布 参与调研的前端工程师及架构师的工具使用分布比较集中，人均使用约2项工具，最受欢迎的前4项前端交付工具分别为Figma（36%）、蓝湖（36%）、即时设计（20%）和墨刀（16%），其中3项为国产工具。另外，对于未来设计系统可支持的代码技术类型，绝大多数前端工程师期望web代码技术能够支持React（74%），移动代码技术能够支持Javascript（58%）。 2.5海外设计系统仍是行业标杆，国内设计系统蒸蒸日上 各岗位开源设计系统使用情况 设计从业者使用最多的开源设计系统依次为Apple’s Human Interface Design、Google Material Design System、蚂蚁金服Ant Design、字节跳动Arco Design和腾讯TDesign，虽然海外设计系统仍是重要的行业选择，但国内互联网大厂的开源设计系统也受到设计师们的青睐。相较于一线设计师，设计管理者对海外设计系统更为关心，Apple、Google、Microsoft、IBM都是设计管理者常关注的设计系统。技术从业者则更偏好使用蚂蚁金服Ant Design、饿了么Element、Microsoft Fluent Design