Summary  
This chapter explains how to apply a composite structure by grouping and nesting elements into hierarchies, enabling collective manipulation and precise control over stacking order.

General domain of usage  
UI/UX design prototyping

- Grupper behandlas som enskilda enheter, vilket gör det enklare att flytta eller organisera flera objekt tillsammans;
- Gruppen är märkt som "Group" i designpanelen, och du kan byta namn på den för tydlighetens skull;
- Grupper följer samma staplingsordning som individuella lager;
- Du kan omorganisera grupper eller objekt inom en grupp genom att dra dem i lagerpanelen;
- Grupper kan nästlas (en grupp inom en annan grupp) genom att dra en grupp in i en annan grupp för att nästla den;
- Nästlade grupper behåller staplingsordningen, där objekt i högre lager visas ovanpå;
- Ramar kan nästlas på liknande sätt som grupper (en ram inom en annan ram).

#### Kom ihåg att:
- Använda grupper för att hålla designen organiserad och lätt att hantera;
- Låsa enskilda grupper eller objekt om du inte vill att de ska flyttas eller redigeras av misstag;
- Byta namn på grupper för att snabbt kunna identifiera dem i komplexa designer;

- För att gruppera, markera flera objekt, högerklicka och välj "Group Selection", eller tryck Ctrl/Command + G;
- För att ta bort gruppering, högerklicka och välj "Ungroup" eller tryck Ctrl/Command + Backspace (Figma standard). Ctrl/Command + Shift + G (Adobe standard) fungerar också.

Hur kan du ta bort gruppering av objekt i Figma? (Välj två)

Vad händer om du låser en grupp i Figma?

Lär dig allt från grunderna i att designa användargränssnitt till avancerad prototypframställning och samarbetsmetoder. Utforska hur du skapar wireframes, designar visuellt tilltalande layouter och samarbetar effektivt med utvecklingsteam genom Figmas kraftfulla funktioner. Perfekt för både nybörjare och yrkesverksamma; denna läranderesa kombinerar praktiska projekt, experttips och verkliga tillämpningar för att hjälpa dig lyckas i den konkurrensutsatta designvärlden.

Lär dig vad Figma är, vilken roll det har inom UI/UX-design och hur du navigerar i dess gränssnitt och verktyg. Utforska FigJam-tavlan för idéarbete och samarbete, samt sidor och ramar i Figma, som utgör grunden för att organisera och strukturera dina designer effektivt.

Upptäck hur lager i Figma håller din design organiserad, utforska hur grupperade former hjälper dig att skapa imponerande visuella element och lär dig att formge text med hjälp av typografiverktyg.

Lär dig att placera foton och videor, använda masker och tillämpa blandningslägen för dynamiska designer. Behärska färger, gradienter, knappar, automatiska layouter, komponenter och stilar. Utnyttja kraften i plugins och widgets för att öka kreativiteten och effektivisera arbetsflödet.

Utforska kolumner, rutnät, insticksprogram och föräldra-barn-komponentstruktur för att effektivisera din designprocess.

Utveckling av lågupplösta wireframes, skapande av interaktiva prototyper, animering av designer och effektiv presentation av arbete för kunder.

Använda Grupper i Figma: Strukturering och Nästning av Objekt på ett Effektivt Sätt

Kom ihåg att:

1. Hur kan du ta bort gruppering av objekt i Figma? (Välj två)

2. Vad händer om du låser en grupp i Figma?