Design Systems for Websites using Figma – Filip Felbar

Design Systems for Websites using Figma Information

Learn how to build design systems for visually appealing websites using Figma and maximize your workflow.

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!

Get started by meeting your teacher, Filip Felbar. He shares his journey into digital design and his inspirations.

Then, get introduced to the design systems you’ll be working with and the benefits they offer. Filip takes you through some quick examples of how components and global styles can be updated efficiently before looking at the project you’ll tackle in this course.

Next, start preparing your content with Figma. Make a checklist of things to include and set up the initial and the global elements. Explore design directions, and dive into Auto Layout, updating components and styles as you go.

Afterward, refine your system with an assembled page, create a new one with the completed version, and write the guidelines for using it.

As a bonus, Filip shares his process of creating additional brand elements for social media.

By the end of the course, you will be able to think in a structured way that will help bring your creative projects to life, and speed up your workflow.

Here’s what you’ll get:

1. Introduction
2. Design Systems
3. The Web and System Design Process
4. Refining the Website and Design System
5. Wrapping up and Going beyond Web
6. Final project

Who is this course for?

Anyone looking to learn more about design systems and web design.

About Author

Digital designer and front-end developer helping businesses and brands communicate with their audience in a meaningful way.

I specialise in creating immersive and engaging digital experiences. Utilising a variety of tools but primarily Figma and WordPress (paired with Elementor).

My style tends to lean into a more functional and accessible direction. Although I love experimenting with layout, hierarchy and typography to create more dynamic websites.

More courses from the same author: Filip Felbar

Salepage: Design Systems for Websites using Figma – Filip Felbar

When will I receive my course?

You will receive a link to download your course immediately or within 1 to 21 days. It depends on the product you buy, so please read the short description of the product carefully before making a purchase.

How is my course delivered?

We share courses through Google Drive, so once your order is complete, you'll receive an invitation to view the course in your email.

To avoid any delay in delivery, please provide a Google mail and enter your email address correctly in the Checkout Page.

In case you submit a wrong email address, please contact us to resend the course to the correct email.

How do I check status of my order?

Please log in to iDesignCourse account then go to Order Page. You will find all your orders includes number, date, status and total price.

If the status is Processing: Your course is being uploaded. Please be patient and wait for us to complete your order. If your order has multiple courses and one of them has not been updated with the download link, the status of the order is also Processing.

If the status is Completed: Your course is ready for immediate download. Click "VIEW" to view details and download the course.

Where can I find my course?

Once your order is complete, a link to download the course will automatically be sent to your email.

You can also get the download link by logging into your iDesignCourse account then going to Downloads Page.