Design Systems for Websites using Figma
- 22 Lessons (5 h 5 m)
- 2.2K students
- Language: English
- Level: Beginner
- Subtitles: English, Spanish, Portuguese, German, French, Italian, Polish, Dutch
- Lifetime: Access for life


Course
What you will learn
with this course.
-
Introduction to Design Systems
-
How Design Systems Can Help You Speed Up Your Workflow
-
Introduction to the Project and Approach
-
Setting up the Figma File and Beginning the First Explorations 1
-
Setting up the Figma File and Beginning the First Explorations 2
-
Expanding the Explorations and Design System 1
Modules
What you will learn
in this course.
-
Lessons
-
Lesson 1Introduction
-
About Me
-
Influences
-
-
Lesson 2Design Systems
-
Introduction to Design Systems
-
How Design Systems Can Help You Speed Up Your Workflow
-
Introduction to the Project and Approach
-
-
Lesson 3The Web and System Design Process
-
Setting up the Figma File and Beginning the First Explorations 1
-
Setting up the Figma File and Beginning the First Explorations 2
-
Expanding the Explorations and Design System 1
-
Expanding the Explorations and Design System 2
-
Organizing the Design System Pages 1
-
Organizing the Design System Pages 2
-
Exploring Variants When Creating Components
-
-
Lesson 4Refining the Website and Design System
-
Refining the Design System with an Assembled Page 1
-
Refining the Design System with an Assembled Page 2
-
Refining the Design System with an Assembled Page 3
-
Setting up New Pages with the Complete Design System 1
-
Setting up New Pages with the Complete Design System 2
-
Setting up New Pages with the Complete Design System 3
-
How to Approach Creating Documentation for the Design System
-
-
Lesson 5Wrapping up and Going beyond Web
-
Cleaning up and Using an Auto Layout
-
Utilizing the Design on Further Brand Elements
-
Final Thoughts
-
-
Final ProjectDesign Systems for Websites using Figma
-
Design Systems for Websites using Figma
-
Info
Learn more
about this course
-
What are Domestika's online courses?
Domestika's courses are online classes that provide you with the tools and skills you need to complete a specific project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the teacher and with other students, creating a dynamic course community.
-
When do the courses start and when do they finish?
All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.
-
What do Domestika's courses include?
All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.
Teacher
Know the super teacher
Filip Felbar
Filip Felbar is a digital designer based in Denmark specializing in helping companies communicate their core message to the public in a meaningful and engaging way. Coming from a creative family, Filip always wanted to do something creative, but it was while studying IT Design at the University of Applied Sciences in Zagreb that he discovered his passion for web design, development and branding. He has been recognized for his work with numerous awards, including Awwwards, CSS Design Awards and Mindsparkle Mag awards.


Course Content
Having worked across creative fields, Digital Designer Filip Felbar knows how a lack of structure can cause problems. His process is dedicated to structure and making things easier and more accessible. That’s where design systems come in. A design system is a collective library that puts together all elements needed for a team to plan, realize and develop a product efficiently and in line with their brand. It can feature everything from style guidelines to coding information.
In this online course, Filip shares with you what design systems are and his approach to developing and recycling them. Also learn to navigate Figma’s tools effectively to create digital design systems for websites. Explore global components and auto layout to speed up your process!
This course
- Audio: English
- Subtitles: English, Spanish, Portuguese, German, French, Italian, Polish, Dutch
- 100% positive reviews
- 22 Lessons (5 h 5 m)
- 17 additional resources (6 files)
- Online and at your own pace
- Available on the app
- Level: Beginner
- Unlimited access forever
- Certificate upon completion of the course
If you need questions about this, please contact us or call us
Course details
What to expect from a domestika course
-
Learn at your own space
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
-
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
-
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Get a Certificate
If you’re a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
-
Get front-row seats
Videos of the highest quality, so you don’t miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
-
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
-
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
-
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
Related courses
Find more courses
like this one.
-
Top sales
Introduction to After Effects
Learn After Effects from scratch and master the leading motion graphics and... -
New
Patterning with Adobe Illustrator
Learn to design professional patterns in a digital format that you'll be able... -
Top sales
Brand Strategy on Instagram
Boost your brand image by using tools and creating content that produce results -
Top sales
Illustration Techniques to Unlock your Creativity
Create an artist’s portfolio and develop your own universe of pictorial resources