UI Kit Creation with Sketch
Colors, Font and Grid
A course by Nodos . , UX/UI Designer
About the video: Colors, Font and Grid
Overview
“Now we are going to configure our colors, font, grids and spacing that will be the basis for the creation of all our components within our UI Kit, in other words the configuration for the look and feel .”
In this video lesson Nodos . addresses the topic: Colors, Font and Grid, which is part of the Domestika online course: UI Kit Creation with Sketch. Learn how to create pre-designed files using the Atomic Design methodology for app and web interfaces to streamline your workflow.
Partial transcription of the video
“Colors, Font and Grid In the previous lesson we did the analysis of the components that we will build inside Sketch and in this lesson we will see and configure the colors, the font and the grid that we will apply to our components. We are going to work, now, in Sketch. First, we will start with the colors. I have created a specific page for colors here and I have brought some of the screens where they are the vast majority of the colors we have in the project. Then we will go to this "template" that I have created mainly to streamline our project organization. Let's get started. Here we ar...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: UI Kit Creation with Sketch
-
Category
Web & App Design -
Software
Sketch -
Areas
App Design, App Development, Interactive Design, Mobile Design, UX / UI, Web Design, Web Development

Nodos .
A course by Nodos .
Migue, also known as El Nodos, is an interaction designer at the Mexican studio frog design, where he specializes in the creation of design patterns and components for design systems. With more than seven years of experience in the industry, his work consists of designing functional and aesthetic interfaces for mobile and web apps. He has worked on projects for diverse sectors, like education, health, communications, fintech, and even cryptocurrency.
Currently, he is focused on creating patterns and scalable design systems. In addition, he is the co-founder of the SketchMX community, where he organizes regular meetups for the product design community, involving designers, developers, UX writers, product designers, and anyone interested in digital product design.
- 91% positive reviews (23)
- 632 students
- 17 lessons (3h 1m)
- 21 additional resources (11 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever