Tillbaka till promptbiblioteket
PromptbibliotekBildprompt
Tavla för UI-stilsystem
Skapa en flersidig tavla för UI-stilsystem med 8px-rutnät, färgtokens, typografisk skala, komponenttillstånd och linjerade layoutexempel.
DesignsystemUI-kitTypografi
Förhandsvisning
Bildprompt
Rekommenderad modell
Seedream 5.0 Lite
Outputformat
Mall för bildprompt
Förhandsvisning
Bildprompt
Förhandsvisning för tavla med UI-stilsystem, med fokus på systemkonsekvens, rutnätslinjering, redigerbara tokens och produktklara UI-exempel.
Fullständig prompt
Tavla för UI-stilsystem
Flersidig tavla för UI-stilsystem med 8px-rutnät, färgtokens, typografisk skala, komponenter och responsiva layouter.
Rekommenderad modell: Seedream 5.0 LiteOutputformat: Mall för bildprompt
Fullständig prompt
BildpromptSkapa en polerad flersidig tavla för UI-stilsystem för [PRODUCT_OR_BRAND]. Presentera systemet som en sammanhållen uppsättning designsidor på en ren förhandsvisningscanvas. Använd ett strikt 8px-avståndsrutnät, konsekventa marginaler, precis linjering och en tydlig hierarki på varje sida. Inkludera en panel för färgtokens med primära, sekundära, neutrala, semantiska och bakgrundsswatchar; en typografisk skala med rubrik-, brödtext-, bildtext- och numeriska stilar; ett komponentblad med knappar, inmatningsfält, kort, navigation, badges och tomma tillstånd; samt två responsiva layoutexempel som visar proportioner för desktop och mobil. Håll systemet visuellt konsekvent, redigerbart och lämpligt för en SaaS-produkt, ett creator-verktyg, ett e-handelsvarumärke eller en intern dashboard. Använd realistisk platshållartext endast där det behövs och håll etiketter tillräckligt korta för att förbli läsbara. Undvik verkliga logotyper, kopierade designsystem, varumärkesnamn som användaren inte har angett, förvrängd typografi, inkonsekventa avstånd, skuggor som inte passar ihop, dekorativt plotter, otillgänglig kontrast och komponentexempel som bryter rutnätet.
Användningsanteckningar
Byt ut produkttyp, varumärkeston, palettriktning, komponentlista, layoutexempel och tillgänglighetskrav innan du kör prompten.
Prompt-FAQ
Innan du använder denna prompt
Snabba kontroller för inmatningar, modellpassning och hur du anpassar mallen utan att försvaga resultatet.
Vad ska jag anpassa först?
Definiera produkttyp, varumärkeston, baspalett, typografisk personlighet, komponentomfång och om exemplen ska kännas marknadsdrivna eller dashboard-drivna.
Kan den här prompten skapa ett användbart designsystem?
Den skapar en visuell stilsystemtavla för utforskning och presentation. Granska avstånd, kontrast, typografi och komponentbeteende innan du omvandlar den till produktionsklara UI-tokens.
Vad bör jag kontrollera innan jag publicerar bilden?
Kontrollera att etiketter är läsbara, färgswatchar är tydliga, typhierarkin är klar, komponenter delar samma avståndslogik och inget verkligt varumärkessystem har kopierats.
Fler prompter i detta läge