UI Kit Creation with Sketch

Overview

“It is time to create other components in Sketch, now at the level of molecules such as cards , navbar , menus, lists and even some more complex components that we need, such as the headers . In this lesson you will learn everything you need to create your own components.”

In this video lesson Nodos . addresses the topic: Creating Components: Molecules, 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 components Molecules In this lesson we are going to create molecules combining atoms that we created earlier, using surfaces to create more complex components, like the NavBar, or lists, or Headers of our application. We are going to create these molecules. I have created other components at the atom level, like the variant of this button, but with a Label and even different angle variants and these other items for the Tabs, I've even created a variant of the Text Files for the search engine. Now we will create another group of components, more at the level of molecules, for exampl...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: UI Kit Creation with Sketch

• Level: Beginner
• 91% positive reviews (23)
• 634 students
• 5 units
• 17 lessons (3h 1m)
• 11 downloads

• Category

  Web & App Design

• Software

  Sketch

• Areas

  App Design, App Development, Interactive Design, Mobile Design, UX / UI, Web Design, Web Development