Practice: Oprettelse af Forskellige Knapper i Figma

Nogle vigtige pointer fra hele sektionen:

1. Dropdown-, afkrydsnings-, radio- og vurderingsknapper viser, hvordan små designændringer kan tilpasse knapper til forskellige UI- og UX-behov;
2. Genanvendelige knaptyper sparer tid i fremtidige projekter og sikrer designkonsistens;
3. Komponentvarianter effektiviserer håndteringen af flere knaptilstande (f.eks. standard, hover, aktiv). Egenskaber som ikoner, tekst og tilstande kan tilpasses uden at duplikere komponenter, hvilket reducerer rod. Funktioner som "instance swap property" og "Boolean properties" gør det nemt at slå elementer til/fra eller udskifte ikoner, hvilket mindsker behovet for manuelle justeringer;
4. Auto Layout sikrer ensartet afstand og justering ved placering af knapper eller andre designelementer. Det forenkler processen med at gøre knapper responsive over for ændringer i størrelse eller indhold;
5. Velnavngivne og organiserede komponenter og varianter forebygger forvirring, især i større projekter. Gruppering af elementer i rammer eller komponenter gør navigation og genbrug lettere.

Opret en "Toggle"-knap med en fungerende prototype, der ligner billedet nedenfor. Bemærk forbindelsespilene og indstillingerne for interaktion.