MTEDU AGENT

Always ready to assist you

Hello! How can I assist you today?
View Our Course Upgrade your skills – anytime, anywhere with MTEdu

Teaching Online

Create a Design System from scratch in Figma

Courses Description

In this course you will see how to set up all the needed design tokens, for instance how to define proper grids, layouts and spacing, manage icons and illustrations, choose and create color and typographic scales, and finally how to create the most-used components like buttons, inputs, text areas, checkboxes, radio buttons… We will see, as well, how to name components correctly using naming conventions to get you started. Finally, we will see how to use the Design System and how to apply it to your projects or even your company.

At the end of this course you will be able to create your own full Design System and apply it anywhere with confidence.

Courses Features
  • Lectures
    6
  • Duration
    11 Month
  • Skill level
    Upper-Intermediate
  • Language
    English
  • Students
    0
  • Chapter 1: Foundation & Strategy
    2

    • Lesson 2: Color Systems & Token Architecture

      55 minutes

    • Lesson 1: Design System Fundamentals & Strategic Planning

      45 minutes
  • Chapter 2: Component Architecture & Implementation
    2

    • Lesson 3: Typography System & Text Styles

      55 minutes

    • Lesson 4: Component Creation & Variant Management

      55 minutes
  • Chapter 3: Advanced Systems & Implementation
    2

    • Lesson 5: Advanced Patterns, Documentation & Handoff

      45 minutes

    • Lesson 6: Scaling, Governance & Continuous Evolution

      45 minutes

Admin
Professor

Lorem ipsum dolor sit amet. Qui incidunt dolores non similique ducimus et debitis molestiae. Et autem quia eum reprehenderit voluptates est reprehenderit illo est enim perferendis est neque sunt. Nam amet sunt aut vero mollitia ut ipsum corporis vel facere eius et quia aspernatur qui fugiat repudiandae. Et officiis inventore et quis enim ut quaerat corporis sed reprehenderit odit sit saepe distinctio et accusantium repellendus ea enim harum.

Reviews

Average Rating

5

1 rating

Detailed Rating

5

100%

4

0%

3

0%

2

0%

1

0%

Write A Review
You May Like
Building an immersive creative website from scratch without frameworks

Building an immersive creative website from scratch without frameworks

By Admin
$32.00
12.00USD
0 0
Boost Your Conversion Rates: Learn Landing Page Design with Figma

Boost Your Conversion Rates: Learn Landing Page Design with Figma

By Admin
$55.00
12.00USD
0 0
Online portfolio design: Creating Figma websites

Online portfolio design: Creating Figma websites

By Admin
$55.00
12.00USD
0 0
Creative Portfolios: A powerful visual language for brands

Creative Portfolios: A powerful visual language for brands

By Admin
$33.00
12.00USD
0 0
The fun process of creating lively interactive 3D scenes for the web

The fun process of creating lively interactive 3D scenes for the web

By Admin
$100.00
12.00USD
0 0
Enrich your story with 3D: Creating stunning WebGL experiences

Enrich your story with 3D: Creating stunning WebGL experiences

By Admin
$100.00
12.00USD
0 0

BECOME A TEACHER?

Join thousand of teachers and earn money hassle free!

Get Started Now
Register a new account

Are you a member?