Create a Design System from scratch in Figma

设计系统变得如此流行，因为它们使产品更加一致、提高其可用性并减少设计决策。那太棒了！但是你知道如何建造一个吗？在本课程中，您将了解什么是设计系统以及为什么重要，但最重要的是，您将学习在 Figma 中从头开始创建一个。
在本课程中，您将看到如何设置所有需要的设计标记，例如如何定义适当的网格、布局和间距、管理图标和插图、选择和创建颜色和排版比例，以及最后如何创建最常用的组件，如按钮、输入、文本区域、复选框、单选按钮……我们还将看到如何使用命名约定正确命名组件以帮助您入门。最后，我们将了解如何使用设计系统以及如何将其应用于您的项目甚至您的公司。

在本课程结束时，您将能够创建自己的完整设计系统并自信地将其应用于任何地方。

虽然在本课程中我们将使用 Figma，但我将在这里解释的过程可以在其他软件中复制，例如 Sketch 或 Adob​​e XD，所以如果您不使用 Figma，请不要担心，也非常欢迎您您可以在途中学习新工具。我们将充分利用 Figma 的潜力，使我们的设计系统具有变体和自动布局。

我是 Bruno Sáez，用户体验设计师和设计系统经理，目前在一家大数据和人工智能公司工作。

因此，如果您真的想学习如何从头开始创建设计系统，那么这门课程适合您。

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 33 Lessons (5h 22m) | Size: 1.98 GB

Design Systems are becoming so popular because they make products more consistent, improve their usability, and reduce the design decision making. That’s great! But do you know how to build one? In this course you will learn what a Design System is and why matters, but most importantly, you will learn to create one from scratch in Figma.
In this course you will see how to set up all the needed design tokens, for instance how to define proper grids, layouts and spacing, manage icons and illustrations, choose and create color and typographic scales, and finally how to create the most-used components like buttons, inputs, text areas, checkboxes, radio buttons… We will see, as well, how to name components correctly using naming conventions to get you started. Finally, we will see how to use the Design System and how to apply it to your projects or even your company.

At the end of this course you will be able to create your own full Design System and apply it anywhere with confidence.

Although for this course we will be working with Figma, the process I am going to explain here it’s replicable in other software like Sketch or Adobe XD so if you don’t use Figma, don’t worry, you are more than welcome too and you can learn a new tool on the way. We will be using the full potential of Figma making our Design System with variants and autolayout.

I am Bruno Sáez, UX Designer and Design System manager currently working for a Big Data and Artificial Intelligence company.

So if you really want to learn how to create a Design System from scratch, this is the course for you.