- Overview
- Transcript
1.1 Welcome to the Course
In this course, we’ll be creating a simple site design, and we'll use Figma’s styles system to make it themeable. This quick introductory video will give you a taste of what’s to come.
1.Introduction1 lesson, 00:37
1.1Welcome to the Course00:37
2.Create the Main Design5 lessons, 48:20
2.1Set Up the Layout and Backgrounds20:54
2.2Add the Site Title and Menu06:42
2.3Add the Top Section Text and Button08:58
2.4Create Feature Icon and Text07:06
2.5Duplicate Features and Add the Final Button04:40
3.Create Additional Themes5 lessons, 28:21
3.1Create Document Styles11:03
3.2Recolor Backgrounds04:37
3.3Recolor the Title and Solid Button03:41
3.4Recolor the Icons and Hollow Button02:33
3.5Demo and Quick Notes on Additional Themes06:27
4.Conclusion1 lesson, 04:11
4.1Wrapping Up04:11
1.1 Welcome to the Course
Figma is a superb vector based tool for interface design, and as part of it's suite of functionality it includes a style system whereby various colors, gradients, strokes, shadows, and so on, can be saved and reused. In this course, we're going to be creating a simple site design using Figma, and we're going to leverage its style system to make that design theme-able. Through this, that's gonna allow us to make multiple differently colored versions, different themes, all based off the same design. So let's go ahead and get started and create a theme-able site design in Figma. I'll see you in the first lesson.







