Ontwerpsystemen voor websites met Figma
A course by Filip FelbarDigitaal ontwerper
A course by Filip Felbar, Digitaal ontwerper
Leer ontwerpsystemen bouwen met Figma voor visueel aantrekkelijke websites, en maximaliseer je workflow.
Digital Designer Filip Felbar heeft op verschillende creatieve terreinen gewerkt en weet hoe een gebrek aan structuur problemen kan veroorzaken. Zijn proces staat in het teken van structuur en het makkelijker en toegankelijker maken van zaken. Dat is waar ontwerpsystemen om de hoek komen kijken. Een ontwerpsysteem is een collectieve bibliotheek die alle elementen samenbrengt die een team nodig heeft om een product efficiënt en in lijn met hun merk te plannen, realiseren en ontwikkelen. Het kan alles bevatten, van stijlrichtlijnen tot coderingsinformatie.
In deze online cursus deelt Filip met u wat ontwerpsystemen zijn en hoe hij deze ontwikkelt en recyclet. Leer ook effectief door de tools van Figma te navigeren om digitale ontwerpsystemen voor websites te maken. Ontdek globale componenten en automatische lay-out om uw proces te versnellen!
Wat leer je tijdens deze online cursus?
22 lessen & 23 aanvullende bronnen
Inleiding tot ontwerpsystemen
6 minuten, 58 seconden
Hoe ontwerpsystemen u kunnen helpen uw workflow te versnellen
8 minuten, 0 seconden
Inleiding tot het project en de aanpak
6 minuten, 36 seconden
Het Figma-bestand opzetten en de eerste verkenningen beginnen 1
18 minuten, 40 seconden
Het Figma-bestand opzetten en beginnen met de eerste verkenningen 2
16 minuten, 19 seconden
Het verkennings- en ontwerpsysteem uitbreiden 1
19 minuten, 36 seconden
Wat is inbegrepen in deze cursus?
Ga aan de slag door je leraar, Filip Felbar, te ontmoeten. Hij deelt zijn reis naar digitaal ontwerp en zijn inspiratiebronnen.
Maak vervolgens kennis met de ontwerpsystemen waarmee u gaat werken en de voordelen die ze bieden. Filip neemt je mee door enkele snelle voorbeelden van hoe componenten en globale stijlen efficiënt kunnen worden bijgewerkt voordat hij naar het project kijkt dat je in deze cursus gaat aanpakken.
Begin vervolgens met het voorbereiden van uw inhoud met Figma. Maak een checklist met dingen die u wilt opnemen en stel de eerste en globale elementen in. Verken ontwerprichtingen en duik in Auto Layout, terwijl je componenten en stijlen bijwerkt.
Verfijn daarna uw systeem met een samengestelde pagina, maak een nieuwe met de voltooide versie en schrijf de richtlijnen voor het gebruik ervan.
Als bonus deelt Filip zijn proces om extra merkelementen voor sociale media te creëren.
Aan het einde van de cursus ben je in staat om op een gestructureerde manier te denken die je zal helpen je creatieve projecten tot leven te brengen en je workflow te versnellen.
Recommended software & tools for this course
What is this course's project?
Leer hoe u een visueel aantrekkelijk website-ontwerp en een georganiseerd ontwerpsysteem maakt met de juiste documentatie.
Projecten van studenten van de cursus
Who is this online course for?
Iedereen die meer wil weten over ontwerpsystemen en webdesign.
Requirements and materials
Figma of een soortgelijk hulpmiddel.
Eerdere ervaringen met Figma zullen studenten ten goede komen.
Beoordelingen
- 2 maanden geleden
Es un curso apto para principiantes, ayuda a potenciar tus conocimientos en figma
- 2 maanden geleden
Muy buen curso, bien explicado paso a paso, vale la pena!
- framantebPLUS5 maanden geleden
muy malo realmente
- 5 maanden geleden
Comenzó bien, muy inspirador. Pero finalmente resulta tedioso... una gran parte es acompañar al tutor en su propio proceso y resulta un poco narcotizante. Y de lo que me gustaría haber escuchado, como la organización de variables, foundations o variantes mobile, no hay contenido.
- 7 maanden geleden
Me falto más información pero si lo básico te lo da, si vas empezando está muy bien
Inhoud
- U1
Introductie
- Presentatie
- Invloeden
- U2
Ontwerp systemen
- Inleiding tot ontwerpsystemen
- Hoe ontwerpsystemen u kunnen helpen uw workflow te versnellen
- Inleiding tot het project en de aanpak
- U3
Het web- en systeemontwerpproces
- Het Figma-bestand opzetten en de eerste verkenningen beginnen 1
- Het Figma-bestand opzetten en beginnen met de eerste verkenningen 2
- Het verkennings- en ontwerpsysteem uitbreiden 1
- Uitbreiding van het verkennings- en ontwerpsysteem 2
- De ontwerpsysteempagina's ordenen 1
- De ontwerpsysteempagina's ordenen 2
- Varianten verkennen bij het maken van componenten
- U4
Verfijning van de website en het ontwerpsysteem
- Het ontwerpsysteem verfijnen met een samengestelde pagina 1
- Het ontwerpsysteem verfijnen met een samengestelde pagina 2
- Het ontwerpsysteem verfijnen met een samengestelde pagina 3
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 1
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 2
- Nieuwe pagina's opzetten met het complete ontwerpsysteem 3
- Hoe te benaderen Het maken van documentatie voor het ontwerpsysteem
- U5
Afronden en verder gaan dan internet
- Opschonen en gebruiken van een automatische lay-out
- Het ontwerp gebruiken voor verdere merkelementen
- Laatste gedachten
- EP
Eindproject
- Ontwerpsystemen voor websites met Figma
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
A design system is a collection of reusable components, guidelines, and standards that streamline web design, ensure brand consistency, and make collaboration easier. Using a design system saves time, reduces redundant tasks, and improves the scalability of digital projects.
This course is designed for intermediate-level designers who have a basic understanding of web design principles and tools like Figma. Advanced experience is not required, but some familiarity with digital design or front-end concepts is helpful.
You’ll need access to Figma, as the course demonstrates design system creation and workflow within this platform. Familiarity with Notion for project organization is recommended, but no coding or advanced software is required.
You’ll learn strategies for structuring design projects, creating content checklists, managing assets, and using collaborative tools to keep workflows efficient and organized for scalable web projects.
The course covers creating, naming, and managing reusable components, applying global styles, and documenting workflows in Figma to ensure consistency and efficiency across projects.
Yes, the course teaches documentation techniques, standardized processes, and component-based workflows that make collaboration smoother and help teams maintain design quality and consistency.
You’ll gain practical skills in organizing and applying typography, setting up layout grids, and establishing typographic hierarchies to create visually structured and accessible web interfaces.