Spring til indhold

Giv din idé et visuelt sprog.

Opret designpakker med genanvendelige assets, designtokens og struktureret eksport til næste fase af dit projekt.

Fra briefet til resultatet.

01

Sæt en retning

Beskriv målgruppen, visuelle referencer, formater og begrænsninger.

02

Skab en sammenhængende pakke

Generér designelementer og genanvendelig styling-information sammen.

03

Gennemgå eksporterne

Undersøg filerne og outputtjekkene, og finjuster derefter de dele, der har brug for et bedre match.

En designpakke er et kreativt leverance. Vælg en website- eller app-build, når du også har brug for et fungerende produkt.

Fra en visuel retning til et genanvendeligt designsystem.

Se identiteten, komponenterne og filerne, der bringer designet videre til dit næste projekt.

Find det visuelle sprog

Gør identiteten til din idés egen.

Beskriv målgruppen, karakteren og de steder, hvor designet skal fungere. AI'en udvikler en designpakke ud fra den brief: en brandidentitet, et interfacesystem, et illustrationssæt eller en anden understøttet samling. Gennemgå paletten, typografien og begrundelsen sammen, så de enkelte elementer føles beslægtede.

  • Giv AI'en visuelle referencer og praktiske begrænsninger.
  • Gennemgå mærket, typografien og paletten som én identitet.
  • Bed om ændringer til retningen, før elementerne tages i produktion.
Eksempel på identitet til en outdoor-journal med et logotype, bladsymbol, farvepalette og typografiprøver

Byg systemet

Få detaljerne til at fungere sammen.

For interfacedesign-pakker forbinder genanvendelige tokens farve, typografi, afstand og komponentstile. Et renderet komponentark viser kontroller i deres relevante tilstande. Platformen tjekker tokenstruktur, kontrast og komponentkonsistens, mens designgennemgangen vurderer, hvor godt pakken svarer på briefen.

  • Undersøg knapper, felter og andre genanvendelige komponenter.
  • Gennemgå fokus-, deaktiverede og fejltilstande ved siden af standardudseendet.
  • Brug de delte tokens til at bringe samme styling videre til implementeringen.
Eksempel på komponentark med koordinerede knapper, inputtilstande, faner og et artikelkort

Bring arbejdet videre

Hold styr på elementerne bag designet.

Åbn et overblik over pakken, og følg dets links til leverancerne. Afhængigt af briefen kan disse omfatte vektormastere, rasterexports, et komponentark, designtokens og en brandbog. Når redigerbar Figma-eksport er aktiveret og forbundet, brug det genererede overdragelseslink, hvis denne eksport gennemføres.

  • Gennemgå fillisten og den tiltænkte brug af hver leverance.
  • Tag genanvendelige elementer og tokens med ind i din design- eller udviklingsproces.
  • Tjek eksportrapporten, før en fil eller integration betragtes som leveret.
Eksempel på designoverdragelse med vektorgrafik, designtokens og matchende genanvendelige layouts

Arbejdsgangen

Hold arbejdet forbundet.

  1. Beskriv resultatet

    Forklar målgruppen, det ønskede output og eventuelle begrænsninger. Forfin retningen, før du går videre.

  2. Gennemgå arbejdet

    Undersøg de genererede filer, den tilgængelige forhåndsvisning og de relevante tjek for outputtet.

  3. Lav den næste version

    Bed om ændringer, og eksportér eller brug den leveringsworkflow, som det pågældende projekt understøtter.

Spørgsmål & svar

Lidt klarhed, før du starter.

Hvad kan en designpakke indeholde?+
En pakke kan omfatte brandelementer, ikoner, paletter, typografi, illustrationer, komponentark og understøttede 3D-elementer. Briefen afgør, hvilke leverancer der hører til i pakken.
Hvad skal jeg inkludere i designbriefen?+
Beskriv målgruppen, stemningen, visuelle referencer, tiltænkte formater og eventuelle eksisterende brandbegrænsninger. Angiv, hvor elementerne skal bruges, så pakken kan tilpasses den kontekst.
Kan jeg forhåndsvise designet, før jeg bruger det?+
Pakken indeholder et overblik, med et komponentark, når leverancen kalder på det. Gennemgå de visuelle elementer, genanvendelige tokens og relevante komponenttilstande, før du tager dem i brug.
Hvad tjekker designverifikationen?+
Tjek undersøger angivne filer, designtokens, relevante kontrastpar, komponenttilstande og understøttede eksporter. En designgennemgang vurderer også, om pakken er sammenhængende og følger briefen.
Kan jeg eksportere elementerne?+
Gennemgå og download filerne, der er produceret til pakken. Understøttede leverancer omfatter billed-, PDF- og 3D-eksporter, hvor det er anmodet; de nøjagtige filer afhænger af de valgte elementer og den tilgængelige arbejdsgang.
Inkluderer en designpakke en fungerende hjemmeside eller app?+
En designpakke leverer kreative elementer og genanvendelig designinformation. Vælg Website Builder eller App Builder, når du har brug for et fungerende produkt, og inkludér designretningen i den builds brief.

Hvad vil du skabe?

Opret et build, eller sæt et specialistteam til at arbejde på din næste opgave.