UI Kit Creation with Sketch
Creating Components: Atoms
A course by Nodos . , UX/UI Designer
About the video: Creating Components: Atoms
Overview
“Here we will delve into Sketch. I'll teach you how to design atom-level components made up of buttons, inputs , icons, chips and radio buttons . Are you ready?”
In this video lesson Nodos . addresses the topic: Creating Components: Atoms, 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
“Creating Atoms components In the previous unit, we reviewed the components that we would work on, we configure the Sketch file with colors, font and grids and spacing that we would be implementing in our components, even the family of icons that we will be implementing in our application, basically all the configuration of our UI Kit. In this lesson we are going to create components at the atom level, like buttons, inputs or some other components that have the least number of elements. We are going to create these atoms. We will start creating the components, like Buttons, Headers, Icons, C...”
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)
- 634 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 · Turkish · Romanian · Indonesian
- Level: Beginner
- Unlimited access forever
Category
Areas
