最后，设计系统成为行业标准。这就是为什么知道如何为我们的项目做好准备是至关重要的。如果你和我一样，并且你主要是在草图中创建你的数字设计，那么这个故事包含了一系列为你的设计系统准备UI组件的技巧。

注：

我喜欢把事情弄清楚。作为Uxmismit.com的创建者，我的首要任务是通过激发他们对UX的不同看法和准备节省时间的工具来帮助他们。

UxMisfit工具包主要是为sketch准备的。您可以找到一个可以有效地准备用户流或确保应用程序图标质量更好的图标。

您还可以找到设计系统工具包-，它被称为prime。它包含了比现代的用户界面设计系统更多的素描应该具备的功能。除了数百个可定制元素外，它还包括插图系统、Web UI工具包、图表和主要设备的矢量模板。

不管主要的设计系统工具包是什么，本文中提到的所有技巧都有效，即使您决定自己准备UI组件。

一开始，混乱…

无论您是在新产品开始时开始为设计系统准备组件，还是决定将其包含在现有的几年项目中，这都无关紧要。如果你是第一次做这个决定，这总是一个具有挑战性的决定，因为你必须说服其他人（不仅仅是设计师）去创建一个系统。让我们考虑一下如何让不同的人对设计系统更感兴趣：

商务人员与管理-

他们可能会害怕时间和成本，害怕从地面上创造出巨大的东西（当然，有办法加速这个过程）。显然，初始成本可能很高，但你必须说服他们，在未来，新组件的创建价格会更低，实现速度会更快，产品质量……会更好。

开发者-

多亏了设计系统，他们能够提前准备组件，并在多个页面中使用它们的实例。保持设计一致性会容易得多。开发人员不必考虑这个蓝色按钮应该是粗体字体还是阴影-，他们只需要使用正确的组件（主按钮）。

QA -

向测试人员证明他们将收到单一的真实来源。多亏了这一点，如果做得好，毫无疑问。

好的，如果你的团队准备好了，让我们拿一杯咖啡开始sketch吧！

有一个现有的项目吗？清点存货。

如果您没有为当前项目准备某种设计系统或您自己的UI工具包，那么第一步是检查所有现有元素。您可能会发现元素的多个实例有点不同，但这必须得到修复。

如果您使用现有的设计系统工具包，您将立即得到您的组件库应该拥有的几乎所有元素的列表。更重要的是，它们已经被归类为符号。您可以调整现有元素以匹配解决方案中的元素，并且应该能够快速使用它。

如果您决定从头开始创建一个库，那么最好先准备列表或电子表格。这将有助于建立正确的结构。开发正确的文档体系结构可能很困难，但为了加快后面的工作，需要这样做。

但是…sketch库不是设计系统吗？