一口气(很长的)了解Fusion Design

发布网友 发布时间:2024-10-23 22:48

我来回答

1个回答

热心网友 时间:2024-10-26 11:59

阿里开源的中后台UI解决方案Fusion Design因其近期的热度,吸引了众多关注。作为一款设计师与工程师协同工作的平台,Fusion Design由多个部分组成,包括Fusion组件库、Fusion站点、自有站点和FusionCool等工具。本文将从初学者视角来详细介绍。


Fusion Design构成


Fusion Design的核心是@alifd/next,即Fusion组件库,它是基于React的组件库,内部称为DPL。这套组件库不仅具有出色的用户体验,且其杀手锏在于强大的定制能力,能够满足生产环境的使用需求。Fusion站点则是管理平台,提供站点管理、主题配置等功能。


自有站点与主题配置


自有站点允许用户创建个性化集合,包括主题、物料等。设计师可以基于官方Design System创建专属设计体系,通过主题配置编辑Design Token,生成专属主题。发布后,设计师将获得定制主题和相关资源。


Fusion Cool与ICEworks


<FusionCool是Sketch插件,用于辅助设计,它能根据Design System自动生成和手绘素材。ICEworks作为Fusion组件库的推荐开发工具,简化了项目搭建流程。

工作流程与合作


在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端组件正在开发,其他平台的组件暂无明确计划。

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com