You may have heard about tokens, or seen them in another design system. Create reusable scaffolding in the form of rows, columns, and layout grids.Make presets for shadow and blur effects. Define text properties like font, line height and letter spacing.Capture specific color values for fills and strokes.Styles allow us to define a collection of properties or settings we want to reuse. Establish consistent naming conventionsĬhapter 1: Set up your library Back to basicsīefore we get too far ahead, let’s define what Figma means by styles, components, and libraries.Create components, variants, and other component properties.Explore the different types of styles you can create.As well as some tips for defining and organizing your system. We’ll focus on some core design system features in Figma: styles and components. Welcome back! In this lesson, we’ll join Kai and the Habitz team as they build their design system. Watch the video and follow along with the written course below. This is a written version of our Introduction to design systems: Lesson 3 video tutorial.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |