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