Tekentablet gebruiken voor webtekeningen en UI-schetsen in Figma

Ken je dat gevoel? Je zit achter je computer, je muis voelt aan als een stuk plastic en je probeert een vloeiende lijn te tekenen. Het resultaat?

Een pixelachtige, stekelige bocht die er allesbehalve professioneel uitziet. Als je serieus bezig bent met webdesign of UI-schetsen, dan is je muis soms je grootste vijand. Vooral in Figma, een tool die draait om precisie en creativiteit, wil je niet beperkt worden door je gereedschap. Een tekentablet verandert alles.

Het is de gamechanger voor designers die hun workflow willen versnellen en hun ontwerpen naar een hoger niveau willen tillen. In dit artikel duiken we in de wereld van tablets en Figma. We bekijken welke tablet geschikt is, hoe je hem instelt en hoe je direct aan de slag gaat met strakke webdesigns.

Waarom een tekentablet onmisbaar is voor Figma

Je vraagt je misschien af: "Is een tablet echt nodig voor UI-design?

Ik teken toch vooral rechte lijnen en cirkels?" Dat klopt deels, maar de manier waarop je die lijnen trekt, maakt een wereld van verschil. Met een muis beweeg je in een raster van pixels.

Een tekentablet meet druk (pen pressure) en hoek. In Figma betekent dit dat je lijnen natuurlijker aanvoelen. Je kunt lichte lijnen maken voor schaduwen en dikkere lijnen voor contouren, allemaal met hetzelfde gereedschap, simpelweg door harder of zachter te drukken. Daarnaast is het comfortabeler.

Een tekentablet ligt op je bureau en je tekent met een pen, wat veel dichter bij het traditionele tekenen ligt dan een muis.

Je pols belast minder, wat fijn is tijdens lange ontwerpsessies. En eerlijk is eerlijk: het voelt ook gewoon heel cool om direct op scherm te tekenen terwijl je cursor volgt.

De juiste tekentablet kiezen voor webdesign

De markt voor tekentablets is groot, maar voor UI-schetsen in Figma hoef je niet meteen de duurste variant te kopen.

Pen tablets (zonder scherm)

Je hebt drie hoofdcategorieën. Dit zijn de klassieke tablets, zoals de Wacom Intuos-lijn.

Display tablets (met scherm)

Je kijkt naar je monitorscherm en tekent op het tablet dat op je bureau ligt. Het went snel en is relatief goedkoop. Voor Figma is dit een uitstekende instap. Je hebt geen scherm nodig om UI-elementen te tekenen; je oog-handcoördinatie is vaak al genoeg.

Dit zijn tablets waarop je direct kunt tekenen, zoals de Wacom Cintiq of de Kamvas van Huion.

Pen displays (voor de iPad)

Je kijkt rechtstreeks op het oppervlak waar je pen raakt. Dit is ideaal voor gedetailleerd werk, zoals iconen of complexe illustraties binnen Figma. Het nadeel? Ze zijn prijziger en nemen meer ruimte in beslag.

Veel designers gebruiken een iPad Pro met de Apple Pencil. Figma heeft een eigen app voor iPad, waardoor dit een krachtige mobiele optie is.

Het scherm is van hoge kwaliteit, en de pen-ervaring is top. Nadeel: het is een apart apparaat naast je computer, tenzij je Sidecar gebruikt.

Voor de meeste webdesigners raden we een standaard pen tablet aan (zoals een Wacom Intuos S of Medium). Het is betaalbaar, duurzaam en perfect voor het schetsen van wireframes en UI-layouts.

Je tablet koppelen en instellen voor Figma

Zodra je je tablet uit de doos haalt, moet je drivers installeren. Bij Wacom, Huion en XP-Pen download je dit via hun officiële website.

Na installatie is het tijd voor de belangrijkste stap: de koppeling met Figma.

Figma draait in de browser, maar de desktop-app biedt de beste ondersteuning voor tablets. Download daarom de Figma desktop-app voor Windows of macOS. In de browser kan de pen soms rare dingen doen (zoals scrollen in plaats van tekenen), terwijl de desktop-app direct reageert op de pen-input.

Je hoeft in Figma niet veel aan te passen; de tool herkent de meeste tablets automatisch. Wel is het slim om je tablet-software in te stellen. In de driver-software (zoals Wacom Tablet Properties) kun je knoppen op de pen toewijzen aan sneltoetsen. Stel bijvoorbeeld de bovenste pen-knop in op "Gum" en de onderste op "Selectietool".

Dit bespaart je enorm veel tijd. Je hoeft niet steeds naar je toetsenbord te grijpen; alles zit onder je duim.

Praktisch aan de slag: Tekenen in Figma

Oké, je tablet is aangesloten. Laten we gaan tekenen.

De basis: Penseel en Pen tool

We richten ons op webdesign: wireframes, componenten en UI-schetsen. In Figma vind je het Penseel (Pen tool) aan de linkerkant.

Met een tekentablet voelt dit gereedschap veel natuurlijker aan dan met een muis. Probeer eens een organische vorm te tekenen, zoals een blob of een golflijn voor een achtergrond. Met pen-druk activeer je de "streamline" functie automatisch. Figma maakt je lijnen vloeiender naarmate je rustiger beweegt.

Wireframes schetsen met snelheid

Dit is perfect voor het tekenen van iconen of logo's rechtstreeks in Figma.

Wireframes zijn de blauwdrukken van een website. Je wilt snel kunnen schetsen zonder te veel na te denken over precisie. Gebruik de rechthoek-tool met je tablet om blokken te maken voor headers, voetteksten en inhoudsvakken.

Iconen en micro-interacties

Probeer je hand te ontspannen. Omdat je niet op een muis klikt maar op een pen drukt, verminder je de spanning in je hand.

Dit helpt bij het maken van langere, rechte lijnen voor grids en layout-structuur.

Het tekenen van iconen is waar een tekentablet echt schittert. In Figma kun je vector-lijnen tekenen en de "stroke width" aanpassen op basis van druk (als je de vector-pen gebruikt). Voor webdesign is consistentie key, dus je wilt misschien niet altijd drukgevoeligheid gebruiken voor dikke/dunne lijnen.

Een handige truc: Zet in Figma de "Taper" optie aan bij je lijneigenschappen. Dit zorgt voor getaperde uiteinden, wat mooi is voor handgetekende lijnen in een UI-ontwerp. Combineer dit met je tablet en je krijgt een unieke, ambachtelijke stijl die eruitziet als een professionele illustratie, maar dan in een digitale interface.

Essentiële Figma-tools voor tabletgebruikers

Figma zit vol functies die perfect samenwerken met een tekentablet. Hier zijn een paar die je moet kennen.

Vector Networks

In tegenstelling tot oude vectorprogramma's werkt Figma met Vector Networks. Je kunt lijnen in elke richting trekken zonder dat je een gesloten pad hoeft te maken.

Objecten omlijnen (Outline Stroke)

Met een pen voelt dit intuïtief aan. Je "schildert" als het ware met vectoren. Dit is geweldig voor het snel schetsen van abstracte vormen of het aanpassen van bestaande iconen.

De Blob Brush (in vector)

Als je een lijn tekent met je tablet en deze wilt vullen met kleur, gebruik je de functie "Outline Stroke". Dit zet je lijn om in een vorm.

Handig voor het maken van dikke, opvallende lijnen in een dashboard-design. Hoewel Figma geen traditionele "blob brush" heeft zoals Adobe Illustrator, kun je met de pen-tool en vullen (Fill) vergelijkbare effecten bereiken. Door drukgevoelige lijnen te tekenen en deze te vullen, creëer je speelse, organische vormen die steeds populairder worden in modern webdesign.

Workflow optimalisatie: Sneltoetsen en tablet-knoppen

Efficiëntie is key in Figma. Je wilt niet constant switchen tussen je pen en toetsenbord.

Gebruik de programmeerbare knoppen op je tablet (of pen). Stel ze in op:

• Alt (Option): Voor het klonen van objecten of het aanpassen van hoeken.
• Ctrl/Cmd + Z: Onmisbaar voor het ongedaan maken van fouten tijdens het schetsen.
• Spatiebalk: Voor het snel pannen (verplaatsen) door je canvas.

Veel tablets ondersteunen ook "Express Keys" (sneltoetsen op de zijkant van het scherm of tablet). Hiermee activeer je in Figma snel de hand-tool of het zoom-gereedschap.

Wanneer kies je voor een tablet boven een muis?

Hoewel een muis nauwkeuriger is voor het selecteren van kleine knoppen, wint een tablet op het gebied van snelheid en creativiteit. Gebruik een tablet wanneer:

Gebruik een muis wanneer: De beste designers wisselen af. Ze hebben beide gereedschappen binnen handbereik.

• Je wireframes moet schetsen die er "los" en snel uit moeten zien.
• Je custom iconen of illustraties maakt binnen Figma.
• Je lang achter elkaar ontwerpt en RSI wilt voorkomen.

• Je pixel-perfecte layouts maakt met veel grids.
• Je aan het coderen bent of veel tekst aan het typen bent.

Conclusie: Start vandaag nog met tekenen

Een tekentablet gebruiken voor product-mockups of webdesign in Figma voelt in het begin misschien onwennig, maar na een paar dagen spiertraining merk je het verschil.

Je werk wordt vloeiender, je creativiteit krijgt meer ruimte en je ontwerpen zien er minder "stijf" uit. Begin klein. Je hoeft niet meteen een duur schermtablet te kopen.

Een simpele pen tablet van een paar tientjes is al voldoende om de basis te leren. Zet de drivers op, open Figma en probeer eens een simpel iconensetje te tekenen met de pen-tool.

Je zult verrast zijn hoe snel je went aan het gevoel van een pen op papier (of eigenlijk: op plastic).

Het is een investering in je design-skills die zichzelf dubbel en dwars terugbetaalt. Dus, pak die pen, open Figma en maak je eerste schets!