Design System Starter Kit 2023 1.6

互联网上的大多数设计系统套件都包含大量预制组件。我们相信这不是您所需要的。

预制组件通常使用起来很痛苦，而且很少满足客户的确切要求。预制组件没有意义。我们提出以下建议。

我们注意到每个项目都需要80小时的设计系统准备工作。这是：定义印刷、空白、颜色概述、网格、设置按钮和表单等基本原子等等。

为什么？因为这将带来更一致的设计、更好看的设计以及更快乐的开发人员和客户。

有趣的是：设计系统中的这些小细节很少在不同的设计甚至不同的项目中发生变化。那么为什么不从包含此内容的入门套件开始呢？

我们花时间创建了一个入门工具包，您可以在每次启动项目时使用它。它设计精美，为任何项目创造了一个令人惊叹的起点。但最重要的是，我们注意到开发人员喜欢使用这个文件，它加快了他们的工作流程，而且他们构建的东西看起来更像您设计的东西。

经过10多年的设计经验和4年多的设计系统工作经验（是的，这是从设计系统概念的一开始），我们将我们学到的一切结合在这个单一文件中。准备好让您拿起并开始工作。

希望您和我一样喜欢与此一起工作。

马克
艺术总监



____________________________
Figma文件中的页面：



1.设计系统设置：什么是设计系统，以及如何设置文件。

的原子

2.印刷术：十五个设计精良的画板提供了台式机、平板电脑和移动屏幕尺寸的印刷术概述。
3.网格：八个画板解释了该设计系统的网格。定义为6种不同的屏幕尺寸。
4.颜色：这个设计系统中使用的颜色的相当概述。容易 变化
5.空白：幻灯片通过概述允许的空白来解释空白的使用。
6.图标：一组13个常见图标。
7.交互式：收件箱、Fields和Dropdowns，根据最新的Figma功能设置。
8.摄影：我们更喜欢如何在Figma中设置摄影方向的一个例子。

分子：
9.分子：此文件中使用的分子的概述。

生物体：
10.生物体：生物体的概述，结合根据智能的命名系统组织所有生物体的干净整洁的布局。这个部分非常独特，并且是您在其他套件中找不到的。

____

更新版本1.6（2023）

1.修改了一些语法错误。
2.使一些副本更短，因此更容易理解。
3.更新“如何更改颜色”部分，以使其更容易遵循。
4.更新了网格，其中包含一些小错误。
5.向网格添加了断点，以提供更多的设计灵活性。
6.更新网格样式名称，以便更清楚何时使用。
7.命名未命名层。
8.修复了表单字段的错误。
9.使用变体结合移动和桌面分子/生物体。