Design System in Figma from Scratch - UI UX Design

Georgiana Dumitru carries a design system from visual guidelines into recognizable product screens. Typography, colors, spacing and icons support components such as buttons, forms and navigation. Signup, checkout, product-card and modal patterns then show how those pieces combine. The progression is useful when you want to see a library put to work rather than stop at a neatly arranged component page.

What you will learn

• Establish visual guidelines for a small interface library.
• Build reusable controls and navigation elements.
• Compose product screens from consistent patterns.

Who this suits

The provider expects basic UI and UX knowledge along with familiarity with Figma. Arrive comfortable editing a file and working with simple components.

Before you enroll

Check the preview for the depth of explanation you need. A polished screen does not demonstrate accessibility or usability by itself; inspect interaction states and test a realistic task separately.

Udemy offers paid purchase or subscription access depending on the course and region. Paid teaching courses provide completion certificates under Udemy’s policy. Check current enrollment terms and any separate software, account or materials costs.

Put it into practice

Use one component library to design both a signup flow and a checkout step. Note which patterns are shared and document any purposeful exception to the visual rules.

Source and review

This overview is based on the provider's published information, checked on 14 October 2026. It is an editorial assessment, not a claim that we completed the resource. Time filters are approximate study ranges; projects and exercises can take longer.

When no formal provider level is given, the level filter is an editorial estimate based on the published audience and requirements. Time filters use the listed video runtime; independent exercises can take longer.

View the curriculum and current access options at Udemy.

How YellowCourse describes and checks learning resources.

Supporting provider sources

• support.udemy.com: supporting course information