发布网友 发布时间:2024-10-23 22:48
共1个回答
热心网友 时间:2024-10-26 11:59
阿里开源的中后台UI解决方案Fusion Design因其近期的热度,吸引了众多关注。作为一款设计师与工程师协同工作的平台,Fusion Design由多个部分组成,包括Fusion组件库、Fusion站点、自有站点和FusionCool等工具。本文将从初学者视角来详细介绍。
Fusion Design的核心是@alifd/next,即Fusion组件库,它是基于React的组件库,内部称为DPL。这套组件库不仅具有出色的用户体验,且其杀手锏在于强大的定制能力,能够满足生产环境的使用需求。Fusion站点则是管理平台,提供站点管理、主题配置等功能。
自有站点允许用户创建个性化集合,包括主题、物料等。设计师可以基于官方Design System创建专属设计体系,通过主题配置编辑Design Token,生成专属主题。发布后,设计师将获得定制主题和相关资源。
在Fusion Design体系下,设计与开发合作流程简单明了,设计师和工程师通过四个步骤协同工作。Fusion Design和ICE的合作体现在UI定制和开发效率提升上。
Fusion Design与Ant Design虽同属组件库,但Fusion Design更注重定制能力,设计师可以直接编辑样式,而Ant Design则需要前端工程师进行较多的样式调整。Fusion Design与ICE合作,共同促进前端开发效率和物料生态的发展。
尽管Vue用户目前无法直接使用Fusion Design,但只要有遵循Fusion Design规范的组件库,都有接入可能。移动端Fusion Design的Web端组件正在开发,其他平台的组件暂无明确计划。