Følg disse trin for at oprette et rullebart aktiv i designværktøjet Figma:

Trin 1:Forberedelse

- Åbn Figma og opret et nyt projekt eller åbn et eksisterende projekt.

- Vælg den ramme eller container, hvor du vil oprette det rulbare aktiv.

Trin 2:Indstil den rulbare ramme

- Klik på værktøjet "Ramme" i venstre værktøjslinje. Det ligner en firkant med fire pile, der peger udad.

- Tegn rammen, hvor du ønsker, at rulleindholdet skal vises. Sørg for, at den har tilstrækkelig højde til at rumme det rulbare indhold.

Trin 3:Tilføj indhold, der kan rulles

- Inden i rammen skal du tilføje de elementer eller objekter, som du ønsker skal kunne rulles. Dette kan omfatte tekst, billeder, former eller ethvert andet designelement.

- Placer elementerne under hinanden for at skabe rulleeffekten.

Trin 4:Aktiver rulning

- Vælg den ramme, der indeholder det rulbare indhold.

- I panelet til højre under "Egenskaber" skal du klikke på sektionen "Begrænsninger".

- Under "Lodret layout" skal du ændre indstillingen "Overflow" til "Rulbar" eller "Overflow Y."

- Dette gør det muligt at rulle inden for rammen.

Trin 5:Juster overløb

- Afhængigt af mængden af ​​indhold, du har, skal du muligvis justere overløbsindstillingerne. Under "Overflow"-indstillingen kan du vælge "Overflow", som viser alt indholdet og tilføjer rullepaneler efter behov, eller "Clip Content", som afskærer alt indhold, der ikke passer ind i rammen.

Trin 6:Tjek og test

- Tilpas størrelsen på rammen eller browservinduet for at simulere forskellige skærmstørrelser og sikre, at rulningen fungerer efter hensigten.

- Juster placeringen og størrelsen af ​​elementer for at sikre, at de passer godt og ikke hindrer rullepaneler eller andre interaktive komponenter.

Trin 7:Eksempel og prototype

- Brug tilstanden "Present" (genvej:"P") eller tilslut dit design til en prototype for at teste rullefunktionaliteten. Dette giver dig mulighed for at se, hvordan rullen vil fungere i et mere realistisk miljø.

Trin 8:Gem og del

- Når du er tilfreds med det rullebare aktiv, skal du gemme din Figma-fil.

- Du kan også dele designet med andre, eksportere det til videreudvikling eller bruge det som en del af et større designsystem.

Husk, at Figma giver mulighed for responsivt design og prototyping, så du kan justere layoutet og adfærden af ​​dit rullebare aktiv, så det passer til forskellige enhedsstørrelser og interaktioner.