Design Systems for Websites using Figma

By Filip Felbar
5 / 5
8 `99$
86% Dto. 59.99$
  • 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
Domestika

Overview

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!

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 1
    Introduction
    • About Me
    • Influences
  • Lesson 2
    Design Systems
    • Introduction to Design Systems
    • How Design Systems Can Help You Speed Up Your Workflow
    • Introduction to the Project and Approach
  • Lesson 3
    The 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 4
    Refining 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 5
    Wrapping up and Going beyond Web
    • Cleaning up and Using an Auto Layout
    • Utilizing the Design on Further Brand Elements
    • Final Thoughts
  • Final Project
    Design Systems for Websites using Figma
    • Design Systems for Websites using Figma

Info

Learn more
about this course

Questions
  • 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.

Filip Felbar
Start dmstk courses and grow up to the moon
Domestika

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.

  • Introduction to After Effects
    Top sales

    Introduction to After Effects

    Learn After Effects from scratch and master the leading motion graphics and...
  • Patterning with Adobe Illustrator
    New

    Patterning with Adobe Illustrator

    Learn to design professional patterns in a digital format that you'll be able...
  • Brand Strategy on Instagram
    Top sales

    Brand Strategy on Instagram

    Boost your brand image by using tools and creating content that produce results
  • Illustration Techniques to Unlock your Creativity
    Top sales

    Illustration Techniques to Unlock your Creativity

    Create an artist’s portfolio and develop your own universe of pictorial resources
Currently we have more courses for you View All Courses
美女脱精光让男生桶下面的视频,萌白酱甜味弥漫JK透明白丝,精品国产乱子伦一区二区三区,国产无人区卡一卡二卡三乱码