# Ontwerpsystemen voor websites met Figma | Domestika > Een cursus van Filip Felbar · Web & App Design · Beginner > 22 lessen (5h 5m) · 91% van de 80 beoordelingen van studenten zijn positief 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! ## Voor wie is deze online cursus bedoeld? Iedereen die meer wil weten over ontwerpsystemen en webdesign. ## Wat is het cursusproject? Leer hoe u een visueel aantrekkelijk website-ontwerp en een georganiseerd ontwerpsysteem maakt met de juiste documentatie. ## Vereisten en materialen Figma of een soortgelijk hulpmiddel. Eerdere ervaringen met Figma zullen studenten ten goede komen. ## Inhoud ### Introductie Hoi! Ik ben Filip Felbar, een digitale ontwerper die gespecialiseerd is in het helpen van bedrijven om hun merkwaarden te communiceren en zichzelf op een boeiende manier te presenteren aan hun publiek. In deze cursus leer ik je hoe je ontwerpsystemen en documentatie voor webdesign in Figma kunt benaderen. Dus welkom en bedankt dat je er bent! In deze eerste unit deel ik mijn ervaringen op verschillende creatieve gebieden en mijn reis om een digitale ontwerper te worden. Ik zal ook enkele van de ontwerpers, creatieven, kunstenaars en individuen bespreken die tot nu toe een enorme impact hebben gehad op mijn creatieve richting en reis. ### Ontwerp systemen Beginnend met enkele basisconcepten, leer je in deze unit over ontwerpsystemen en hoe ze kunnen worden gebruikt. We zullen enkele snelle voorbeelden bespreken van hoe componenten en globale stijlen efficiënt kunnen worden bijgewerkt. Ten slotte kijken we naar het project waar ik tijdens de cursus aan zal werken. ### Het web- en systeemontwerpproces Laten we nu beginnen met werken aan ons Figma-bestand en beginnen met onze eerste ontwerpverkenningen. Ik zal je laten zien hoe de tools van Figma, zoals componenten, varianten, stijlen en automatische lay-out, een rol spelen. Bovendien leert u hoe u de eerste herhalende elementen op een aparte pagina kunt verzamelen en vervolgens uw ontwerpsysteem kunt organiseren. ### Verfijning van de website en het ontwerpsysteem In deze unit bespreken we een samengesteld website-ontwerp en leert u het ontwerpsysteem te verfijnen. Dan wordt het tijd om het gebouwde ontwerpsysteem op de proef te stellen door extra pagina's te maken van de reeds gemaakte elementen en te beslissen wat er moet worden bijgewerkt of toegevoegd. ### Afronden en verder gaan dan internet Tot slot zorgen we ervoor dat alles in ons ontwerpsysteem gereed is voor oplevering. Ik zal je laten zien hoe je paginagrote structuren opbouwt met een automatische lay-out om de secties gemakkelijk te reorganiseren. Vervolgens kijken we hoe we het gebruik van het ontwerpsysteem kunnen uitbreiden om snel aanvullende merkelementen te creëren, zoals een poster, een Instagram-verhaal en een visitekaartje. ## Audio en ondertiteling **Audio:** Engels, Duits, Spaans (Latam), Frans, id, Italiaans, Nederlands, Pools, Portugees, ro, Turks **Ondertiteling:** Spaans, Engels, Portugees, Duits, Frans, Italiaans, Pools, Nederlands, Turks, ro, id [Ontwerpsystemen voor websites met Figma](https://www.domestika.org/nl/courses/5031-ontwerpsystemen-voor-websites-met-figma)