Mobile-First Design with Figma: Concept, Design, and Prototyping

Overview

“A great way to organize your work is by putting together components and a UI Kit. Designers and developers will be happy with this deliverable. All the decisions that I made throughout the UI stage, I am now going to organize them in what is called "atomic design" which consists of taking the smallest unit of our system (colors, fonts, gradients, etc.) and With that, start putting together molecules, organisms, templates and pages. Let's do it!”

In this video lesson Lucas Nikitczuk addresses the topic: Component design and assembly of UI Kit 1, which is part of the Domestika online course: Mobile-First Design with Figma: Concept, Design, and Prototyping. Learn how to develop a concept for any mobile website and create a memorable experience for its users.

Partial transcription of the video

“Design of components and assembly of UI Kit The components and the UI kit They are a great way to organize your work. Designers and developers will be happy with this deliverable. Let's do it. What we are going to do now is that all the decisions we make throughout the UI stage we will organize them in what is called Atomic Design, what is atomic decision making at the level of the smallest unit of our system, such as colors, fonts, gradients and others, and with that begin to assemble molecules, organisms, templates and pages. Let's make a new page called Design System UI Kit. The UI Kit i...”

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

Course summary for: Mobile-First Design with Figma: Concept, Design, and Prototyping

• Level: Beginner
• 100% positive reviews (33)
• 1512 students
• 4 units
• 17 lessons (3h 26m)
• 4 downloads

• Category

  Design, Web & App Design

• Areas

  Advertising, App Design, Digital Design, Digital Product Design, Web Design