Latest Courses
ISTQB Artificial Intelligence Tester Sample ExamsCheck course
JAVA Programming Online Practice ExamCheck course
Programming for Kids and Beginners: Learn to Code in PythonCheck course
Practice Exams | Codeigniter 4 developer certificationCheck course
WordPress Practice Tests & Interview Questions (Basic/Adv)Check course
Git &Github Practice Tests & Interview Questions (Basic/Adv)Check course
Machine Learning and Deep Learning for Interviews & ResearchCheck course
Laravel | Build Pizza E-commerce WebsiteCheck course
101 - F5 CERTIFICATION EXAMCheck course
Master Python by Practicing 100 QuestionCheck course
ISTQB Artificial Intelligence Tester Sample ExamsCheck course
JAVA Programming Online Practice ExamCheck course
Programming for Kids and Beginners: Learn to Code in PythonCheck course
Practice Exams | Codeigniter 4 developer certificationCheck course
WordPress Practice Tests & Interview Questions (Basic/Adv)Check course
- 85% Build a Design System from scratch

Build a Design System from scratch

$12.99Track price

Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare

Who is this course meant for?

This course is meant for Senior Designers or Web Developers who are starting to build a Design System (DS) for their existing product. You are required to have a basic understanding of Figma and React JS.

What will be the outcome?

After taking this course, as a UX Designer, you’ll be equipped with the knowledge of structuring a DS and creating a library of UI components that can scale. As a developer, you’ll be able to ship your very first DS–driven application. For those, who already have a DS in place, which follows old methodologies, here you’ll learn some sophisticated techniques to restructure your UI elements and scale them with ease.

Structure of this course –

In the first section, we’ll learn the fundamentals of the Design System. And set up an environment for design and development.

Then we will move on to creating an example component based on a design system in Figma. Here you will insights to maintain UI at scale.

Next, we will take the design and implement the same using web technologies from scratch.

As an additional lesson, I’ll show you how to add dark mode, or in that aspect any theme to your application.

Specification: Build a Design System from scratch

Duration

1.5 hours

Year

2021

Level

Intermediate

Certificate

Yes

Quizzes

No

7 reviews for Build a Design System from scratch

4.9 out of 5
6
1
0
0
0
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. Aindrila Mondal

    It’s an information packed course. 3 5 minutes classes were easy to follow. Quite helpful.

    Helpful(0) Unhelpful(0)You have already voted this
  2. Manika Batra

    I really enjoyed the class and got a lot out of it. The instruction style was very easy to follow. There were a few things that were different on my version that made things a little confusing but I was able to figure it out. Gopal, is pretty responsive on DMs, got my queries resolved.

    Helpful(0) Unhelpful(0)You have already voted this
  3. Harrison Oliver

    An amazing course to start building your own design system. The instructor is great, he explains everything in different ways and shows us all the possible ways to work with Figma and React. If you’re thinking about taking your career to the next level and learn something trendy, I really advise you in this course. Lastly, I want to thank the instructor for such a lovely course, I wish you all the best. Regards

    Helpful(0) Unhelpful(0)You have already voted this
  4. Lucas Hernandez

    The content is refined and easy to grasp. Video quality could have been better though.

    Helpful(0) Unhelpful(0)You have already voted this
  5. Simon Bolivar

    Gopal, as an instructor, have clarity and command on the domain. He shared a lot of practical techniques to setup design system. Tech stack used here are new. This would part of my daily reference.

    Helpful(0) Unhelpful(0)You have already voted this
  6. Doreen Chepkirui

    The instructions are on point. Had few doubts, but got it cleared within few hours.

    Helpful(0) Unhelpful(0)You have already voted this
  7. Akash Kumar

    Leading a UX team is never easy, this course helped me setting up some guidelines for myself, team and clients. Very helpful and very well organised course. Thanks

    Helpful(0) Unhelpful(0)You have already voted this

    Add a review

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Build a Design System from scratch
    Build a Design System from scratch

    $12.99

    Price tracking

    Java Code Geeks
    Logo
    Register New Account
    Compare items
    • Total (0)
    Compare