Skitsevejledninger

En hurtigstartguide til UX-elværktøjer

Det er så let, at du undrer dig over, hvorfor du nogensinde har designet nogen anden måde.

UX Power Tools er det mest avancerede Sketch-designsystem, der nogensinde er lavet. Det er som Bootstrap for designere. Alt det hårde arbejde er allerede gjort for dig, så du får fokus på den sjove del: faktisk at designe.

Stilarter, symboler og specielle teknikker vil gøre dig til en mere effektiv designer og hjælpe dig med at skabe mere ensartet design.

Denne hurtigstartguide er beregnet til at vise dig det grundlæggende ved at tilpasse og skalere systemet for at matche dit brand og passe ind i din designproces.

Indholdet af hurtigstartguiden

1. Intro: Bare en intro!
2. Opsætning: Før du åbner filen (e)
3. Farver: Tilpasning og tilføjelse af farver
4. Typografi: Ændring af font- og fontfarver
5. Symboler: Introduktion til symboler
6. Ikoner: Udskiftning af ikoner og tilføjelse af nye
7. Felter: Tilpasning af inputfelter
8. Knapper: Tilpasning af knapper
9. Andre tilpasninger: Shadows, Scrims og mere!
10. Resume: Træk vejret lidt!
11. Hjælp: Mere hjælp + tilpassede tjenester

1. Intro

Jeg er en heltids produktdesigner for et digitalt bureau, og jeg hjælper med at spin up hvor som helst fra 12-20 designsystemer og rammer om året til nye klientprojekter. Jeg byggede UX elværktøjer af nødvendighed, så jeg kunne være mere effektiv, og det har øget min produktivitet næsten 10 gange.

Når du lærer det grundlæggende i systemet og får tingene under fingrene, designer du mere nøjagtigt, mere konsistent og mere effektivt. Tusinder af amatør- og professionelle designere overalt i verden hos store og små virksomheder bruger UX Power Tools til at fremskynde deres arbejdsgange.

Denne hurtigstartguide fungerer både for websystemet og mobilsystemet, så du behøver kun at lære det én gang!

Lad os gøre det!

23:30 EST - Her designer vi UX Power Tools. Venstre, Christian. Okay, Jon (mig). Lidt søvn, lidt øl og masser af tavlemarkører. Lad ikke NYC-skjorten narre dig. Vi bor i Indianapolis, Indiana.

2. Opsætning

Installer Open Sans-skrifttypen

Den er tilgængelig gratis fra Google og leveres også sammen med selve pakken. Det er anført i readme, og Sketch giver dig også besked. På dette tidspunkt narrer vi bare! I hvert fald kan du ændre dette senere, men det er godt at sørge for, at det er installeret for at begynde, så du ikke smider dine symboler væk.

Skift dine nudging-indstillinger

Systemet er alt baseret på et 8-pixel gitter, så du kan spare dig selv en masse hovedpine ved at ændre dine nudge-indstillinger fra 10px til 8px.

...

Alt installeret? Vidunderlig!

3. Farver

Dette er den bedste måde at starte, så vi har passende navngivet siden "Start her". Det er ret svært at rodet op, folk :)

Der er nogle tutorials på denne side, som du er velkommen til at følge, men denne hurtigstartguide vil lede dig gennem den samme proces mere detaljeret.

Style Stacks ™

UX Power Tools anvender et lille effektivitetstrik kaldet Style Stacks ™ (patentventer) for at gøre det super let at bulk-opdatere masser af lagstilarter på en gang. Disse farveblokke, du ser på tværs af ”Sæt farver og skrifttyper her” -tavlen, er faktisk stabler med rektangler, der hver har en anden lagstil anvendt på den. Dette giver os mulighed for hurtigt at opdatere alle disse lagstilarter på samme tid. Praktisk!

Sådan tilpasses farverne

Trin 1
Klik og træk for at vælge farveblok. Jeg kan godt lide at starte med min primære mærkefarve, så jeg vælger “Primær”. Klik ikke bare på blokken. Der er flere rektangler i denne stak, og du skal vælge dem alle.

Jeg har låst alle etiketter, så du behøver ikke at bekymre dig om at vælge teksten ved et uheld!

Trin 2
Se, hvordan inspektøren viser udfyldninger, grænser og indre skygger? Det er fordi der er rektangler i denne Style Stack, der har en eller flere af disse attributter. Vælg en farve, og opdater hver af disse farveværdier. Jeg kan godt lide at gå nedenfra og op, fordi den farvevælger kan komme i vejen:

Du kan ikke se farveændringen, når du ændrer indre skygger og kant, fordi de ændrer sig under det øverste rektangel. Men rolig, de ændres stadig!

Trin 3
Synkroniser dine ændringer. Sketch er super fancy, og til trods for disse attributter, der gælder for flere forskellige lagstilarter, synkroniseres det disse ændringer til hver respektive lagstil (udfyld, kant, venstre kant, kant nederst osv.):

SKETCH UPDATE (31/8/2018):
Opdatering og synkronisering af stilarter er flyttet til rullemenuen med stil. Klik bare på "Opdater lagstil" for at gemme dine farveændringer :)

En hurtig måde at se, om alt, hvad der arbejdede, er at tjekke siden Komponenter (hvis du bruger websystemet) eller siden Stilguide (hvis du bruger mobilsystemet). Du skal se din temmelig nye farve:

Hej se, vores farve! Palett / UI / Fill-lagstilarter bruges oftest i hele systemet, men du kan også se, at kantformaterne er blevet opdateret, hvis du åbner rullelisten for lagformater i Inspektøren. Disse stilarter er nyttige på symbolssiden. Vi kommer til dem senere.

Fortsæt med at gøre dette for de andre stilstakker på tegnebrættet for at udfylde dine mærkefarver. Her er en hurtig gennemgang af, hvordan UXPT bruger farve:

  • Primær: Din primære mærkefarve
  • Sekundær: Din sekundære mærkefarve (hvis du har en)
  • Aktiv: Dette er hvad jeg bruger til afkrydsningsfelter, radioer og andre aktive tilstande. Jeg har en tendens til at bruge den primære mærkefarve til dette, men det behøver du ikke.
  • Accent 1: Din "succes" -farve
  • Accent 2: Din "advarselsfarve"
  • Accent 3: Din "fejl" -farve
  • Sort: Din base sort. Jeg anbefaler at bruge en tonet sort (se FAQ)
  • Hvid: Din base hvid. Jeg bruger normalt kun #FFFFFF, men beige er også cool.

Ofte stillede spørgsmål

Hvorfor opdateredes ikke mine tekstfarver, da jeg synkroniserede mine farveændringer?
Tekststilarter og lagstilarter er forskellige. Vi opdaterer lige Layer Styles i dette trin. Bare rolig, vi kommer til tekststilarter i det næste afsnit.

Jeg ser ikke farveændringen på andre sider!
Sørg for at trække for at vælge hele Style Stack og ikke bare klikke på rektanglet øverst. Og glem ikke at synkronisere!

Hvad betyder "farvedråbe til sort"?
Jeg bruger sjældent ren sort (# 000000), når jeg designer. I stedet for kan jeg godt lide at bruge sort, der er tonet mod min primære mærkefarve. Dette rektangel med farvedråbe er din primære farve med et 80% rent sort rektangel oven på. Det er et godt sted at farve drop for en tonet sort farve.

Hvorfor kun 8 farver?
Hold det simpelt. Jeg går ind for at bruge farve meget bevidst i UI, så jeg finder, at der sjældent er behov for flere farver end dette. Det er ikke en hård regel, men det fungerer for mig! Du er velkommen til at tilføje mere. Hvilket bringer os nemt til ...

Sådan tilføjes flere farver

Undertiden vil du have en tertiær farve eller andre accenter, der skal bruges i hele dine designs. Det er let at tilføje en ny farve:

  1. Træk for at vælge en eksisterende farve Style Stack, som vi gjorde før.
  2. Kopier indholdet af stakken med Kommando + C.
  3. Indsæt denne kopi af stakken et eller andet sted på farvelægpladen.
  4. Opdater farverne, som vi gjorde før, men synkroniser ikke endnu.
  5. Gruppér denne stilstabel (dette gør det nemt at gennemgå alle elementerne i stakken). Gå nu ind i stilstakgruppen og vælg det øverste rektangel. Gå til rullelisten for dine lagstiler i Inspektøren, og rulle til bunden. Vælg "Opret ny delt stil". Giv det et nyt navn.
  6. Gentag trin 5, indtil du har oprettet nye lagstilarter for hvert rektangel i din nye stilstakegruppe. Når du er færdig, kan du fjerne den, så de er lette at trække og vælge senere.
  7. Færdig! Vi opretter farvesymboler til disse senere i Afsnit 5: Symboler.
Se på det dejlige blå, jeg lige har tilføjet. Glem ikke at kopiere og indsætte hele stilstakken.

4. Typografi

Typografi giver din app en stemme, så i dette afsnit lærer du hvordan du tilpasser skrifttypen.

Bekvemt kan vi gøre alt fra den samme side ("Start her"), hvor vi tilpassede vores farver:

Første ting først. Dette er ikke en fejl:

Ligesom med vores farver bruger vi stilstapler til at hjælpe os med hurtigt at ændre flere tekstformater på én gang. Så selvom det ser ud til, at du kun ændrer 18 sorte tekstformater, ændrer du i visse tilfælde faktisk 72 tekstformater med forskellige transparenter og justeringer:

De sidste to linjer ligner duplikater, men en af ​​dem er med 18 center-justerede stilarter, og en har 18 venstre-justerede stilarter.

Årsagen til, at ting kan se lidt forkert ud i det tidligere skærmbillede, er fordi nogle af tekstformaterne er midtret, og nogle af tekstformaterne er venstrejusteret. Nogle gange er der små afvigelser i bogstavafstanden, så de er muligvis ikke perfekt. Dette har ingen negativ indvirkning på systemet. Det er rent et kosmetisk sind.

Sådan tilpasses skrifttypen

Trin 1
Træk for at vælge al teksten på “Start Here” -tavlen:

Det kan forsinke et øjeblik, fordi du vælger så mange lag. Ingen problemer!

Trin 2
Vælg et nyt skrifttype i inspektørpanelet. Vær forsigtig med at pile gennem skrifttyper i rullemenuen. Hvis du støder på en skrifttype, der ikke har en fed variation, vil den slippe af med "Fed" -typevægten for tekstformater, der slutter på "... 2", og du vil ikke se fed tekst i hele teksten på teksten typografier, mens du fortsætter med at pilere gennem skrifttyper.

Tekstformaterne ser muligvis forkert ud, men alt hvad du skal gøre er at trække for at vælge en tekstkolonne og derefter trykke på knappen Juster venstre.

Trin 3
Synkroniser dine ændringer, og du er færdig! Hvis du gjorde det rigtigt, ser du din fontopdatering på tværs af hele filen:

SKETCH UPDATE (31/8/2018):
Opdatering og synkronisering af stilarter er flyttet til rullemenuen med stil. Klik bare på "Opdater lagstil" for at gemme dine farveændringer :)

Ofte stillede spørgsmål

Hvad er "... 2" tekstformater?
De er den dristige version af deres kolleger. Vi bruger et nummer, så det er åbent for hvad du vil. Undertiden bruges semi-fed, medium eller sort til denne stil.
Hvordan kan jeg hurtigt ændre de fed tekstformer til at være mere / mindre fed?
I laglisten skal du søge efter “2” (læg et mellemrum foran 2), vælg alle tekstlagene og ændre derefter din skrifttyngde i panelet Inspector. Synkronisere!
Hvad er der med denne "Lille, billedtekst, krop ..." navnekonvention?
Disse navne er kun til at huske. Det betyder, at du ikke behøver at bruge "Body" til brødtekst. Da vi byggede systemet, var det vanskeligt at huske de traditionelle navne på "XS, S, M, L, XL, XXL", så vi valgte at give dem navn i stedet. Du er velkommen til at ændre dem, hvis du vil!
Hvad betyder normal, sekundær og deaktiveret i tekstformaterne?
Det er forskellige nuancer af den tekststilfarve. Normal er 100% uigennemsigtig, Sekundær er 50% uigennemsigtig, og Deaktiveret er 25% uigennemsigtig. Transparenter foretrækkes, fordi hvis du bruger dem oven på en farve, vil de blive tonet mod den farve. Eksempel: 50% gennemsigtig hvid tekst på en rød baggrund vil se lidt lyserød ud. Over blå, det vil være lyseblå.
Jeg opdaterede min font, og nu er komponenter indpakket!
Bare rolig! De fleste af komponenterne i systemet har venstrejusterede tekstsymboler, så alt hvad du skal gøre er at gøre din komponent lidt bredere. Så snart tekst ikke længere pakkes til en ny linje, vil din komponent have jævn polstring på begge sider.
Jeg opdaterede min font, og nu er TEKST SYMBOLER lineindpakning!
Dette bryder faktisk ikke noget! Det er bare en kosmetisk bivirkning af, at nogle skrifttyper har større kerning. Lav ikke tekstsymboler bredere. Hvis det virkelig generer dig, skal du bare ændre værdien inde i tekstsymbolet til noget kortere som "..." eller "abc".
Jeg opdaterede min font, og nu er teksten ikke lodret centreret i symbol (er)!
Vi var nødt til at blive lidt smarte med den måde, hvorpå tekstsymboler (næste afsnit) blev oprettet, så opdateringen af ​​skrifttypen var så let og så smertefri som muligt. Undertiden når du opdaterer skrifttypen, vil tekstlagene i de ledsagende tekstsymboler forskydes op eller ned inde i symboltavlen og kaste den lodrette justering af. Tilpas bare teksten til midten af ​​symboltavlen (-tavlene), og alt skal vende tilbage til det normale.

Ændring af tekstfarver

Trin 1
Træk for at vælge en kolonne med tekstformater, vælg din nye farve:

Trin 2
Synkroniser dine ændringer!

Trin 3
Fortsæt med at gøre dette for alle de andre kolonner med tekstformater. Jeg farver normalt kun fra droppe fra rektangler over hver søjle.

Trin 4
Færdig!

Symboler

Hvert enkelt lag i UX Power Tools er bundet til enten en lagstil, tekststil eller symbol. Ligesom i CSS er alt centralt, så hvis vi nogensinde har brug for at opdatere vores system, er det let at synkronisere dem gennem hele vores design.

Netop af denne grund er symboler kernen i hele filen. Symbolerne er bygget ved hjælp af de lagtyper og tekststilarter, vi lige har defineret, og med andre indlejrede symboler, så det er nemt at foretage ændringer.

Hele systemet er bygget ved hjælp af FOUR kategorier af symboler:

1. Tekstsymboler
Sketch giver dig mulighed for at overskrive et symbols tekstværdi, men det tillader ikke dig at overskrive tekstformater, der er brugt inden for dette symbol. Så tekstsymboler er en smart løsning på denne begrænsning. Da vi kan tilsidesætte og bytte indlejrede symboler, har vi oprettet symboler ud af hver af vores tekstformater for at give os mulighed for at ændre stilen på vores tekst. Eksempel: Jeg vil bruge mørk tekst på en knap med en lys baggrund og lys tekst på en knap med en mørk baggrund. Indlejrede tekstsymboler gør det muligt for os! Se dem i handling nedenfor:
2. Fyld- og kantfarvesymboler (også kaldet "Mixins")
Symboloverskridelser vil være din bedste ven i UX elværktøjer, og udfyldnings- / kantlinjesymboler ændrer dit liv. Ligesom tekstsymboler tillader os at tilsidesætte tekstsymbolet på et symbol, giver farvesymboler os mulighed for at tilsidesætte udfyldninger og grænser. Hver gang du tror, ​​du bruger eller opretter et symbol, der kan ændre farve, er det bedst at bruge et indlejret farvesymbol. Se dem i handling nedenfor:
3. Beholdersymboler
Beholdere giver elementer som knapper, badges og chips deres form. De er bygget ved hjælp af farvesymboler, statussymboler og masker. Skift formen på en komponent eller tilstanden i et tekstfelt ved at tilsidesætte dets beholder. Se dem i handling nedenfor:
Skift formen på en knap ved at ændre beholderoverskridelsen.Føj en hover-tilstand til et felt ved at ændre beholderen til “Hover”.Vis andre tekstfelttilstande ved at vælge beholdertypen
4. Tilstands symboler
Statssymboler hjælper dig med at tilføje en følelse af interaktion til komponenter som knapper, chips og badges. De er altid indlejret inde i et andet symbol oven på en farvepåfyldning, fordi de bruger blandingstilstande til at gøre, lysne, mørkere eller desaturere farven på komponenten. Enhver komponent, der bruger et containersymbol, vil ”arve” automatisk, da de er indlejret inde i selve containersymbolet. Bemærk: Stater er rent kosmetiske for at vise udviklere, hvordan en hover / presset / fokuseringstilstand skal se ud. Da vi bruger blandingstilstande, vil udviklere ikke være i stand til at bruge Zeplin eller InVision Inspect til disse tilstande. I stedet anbefaler jeg, at de bruger lysere () og mørkere () funktioner i MINDRE eller Sass for at opnå disse resultater i kode.

Ofte stillede spørgsmål

Hvordan tilføjer jeg nye fyld, så de er tilgængelige i dropdown (er)?
Duplicerer et af Mixin / Fill-tegnebrætne på siden Symboler, vælg en ny farve til rektanglet, og tilføj derefter en lagstil til din nye farve. Tilføjelse af lagstil er valgfri, men vi anbefaler altid at bruge lagformater, så det er hurtigt at opdatere senere, hvis du ender med at bruge det flere steder. Forsigtig: Skift ikke størrelsen på dette tegnebræt. Det skal være nøjagtigt den samme størrelse som alle de andre Mixin / Fill-tegnebræt for at det kan vises i rullemenuen Inspektørpanel.

Ikoner

Ikoner er sandsynligvis den mest kedelige del af kittet, men de vil ende med at spare dig for masser af tid på lang sigt. Ved hjælp af denne teknik laver vi vores ikoner-masker og sætter derefter et Mixin / Fill-symbol over det.

Da Sketch lader os tilsidesætte symboler, kan vi skifte farve på dette ikon til enhver farve, som vi har tilføjet som et symbol!

Sådan udskiftes et ikon

At udskifte ikoner er super let ved hjælp af overstyringspanelet i inspektøren:

Du kan ændre farven på den ved hjælp af rullemenuen lige under ikonet.

Sådan tilføjes et ikon

  1. Duplicerer et eksisterende ikon, og slet derefter maskelaget.
  2. Indsæt dit nye ikon, og sørg for at oprette en enkelt sti. Du kan gøre dette med lag → Kombiner → Union eller Lag → Kombiner → Forskel.
  3. Fjern alle udfyldninger på ikonstien. Ingen fylder!
  4. Sæt din ikonsti under “↳ Color” -laget.
  5. Lav ikonet til en maske (tryk på Control + Command + M).
  6. Færdig!

Ofte stillede spørgsmål

Dette tager for evigt.
Det er ikke optimeret i begyndelsen, men du får al den tid tilbage i det lange løb. Løfte.
Er der en hurtigere måde?
Ikke hvad jeg ved af. Hvis nogen ønsker at lave et ikonsæt med masker, er det helt sikkert, at denne proces bliver en helluva meget hurtigere!
Understøttes denne ikonmetode i Zeplin, InVision, [dev handoff tool]?
Jeg sender normalt mine dev-team (er) den faktiske ikonskrifttype og / eller SVG-sprite, så jeg skal ikke bekymre mig om dette for meget. Når det er sagt, Zeplin gør et godt job ved at læse farveoverskridelser, og giver dig normalt mulighed for at eksportere SVG'erne helt fint.
Mit ikon vises ikke i dropdown-ikonet for tilsidesættelse af ikon!
Sørg for, at ikonets tegnebræt er nøjagtig den samme størrelse som alle de andre ikontavle. Hvis det ikke er tilfældet, vises det ikke.

Felter

Felter (eller input ... uanset hvad du synes om) består af to primære stykker: en beholder og noget tekst. Både beholderen og teksten er symboler, så vi let kan tilsidesætte dem, så de passer til forskellige situationer.

Som alle symboler i systemet kan tekstfelter ændres fuldstændigt. Hvis teksten ikke passer, skal du bare gøre den bredere eller højere.

Tilpasning af felter

Hvis du ønsker at ændre form eller stil i et tekstfelt, skal det meste af arbejdet udføres på Mix-symbol / beholder / felt-symbol (er):

  • Borderless Felter: Fjern “Border” -laget.
  • Felter med en skygge: Føj en skygge til “Mask” -laget.
  • Felter med hårdt hjørne: Indstil grænseradius for Mixin / Border-symbolerne og Container / Field-masken til nul.
  • Materiale designfelter: Lav felter med hårdt hjørne, og skift derefter “Border” -laget til Mixin / Border / Bottom-Active. Du bliver nødt til at oprette et andet mixin-symbol for den nederste kant til standardtilstanden.

Ofte stillede spørgsmål

Hvad er ikonet "Resizer"?
Det er til, når du prøver at repræsentere et tekstområde. Du er velkommen til at slette dette, hvis du ikke tror, ​​at du har brug for det.
Kan jeg slette symbolet "Markør"?
Jo da! Jeg finder det nyttigt fra tid til anden, men det er op til dig.

Knapper

Knapper ligner meget felter, da de er konstrueret ved hjælp af andre symboler. Redentekstsymbolet i knappen er indstillet til at ændre størrelsen, hvilket sikrer, at perfekt venstre / højre polstring altid opretholdes.

Det bedste trick til at sikre perfekt polstring er 1px Nudge ™. Du skal blot ændre størrelsen på din knap lige indtil teksten begynder at pakkes, og gør den derefter 1px bredere:

Perfekt polstring!

UX Power Tools har også en centreret knap, hvis du vil bruge den i bunden af ​​en modal (eller noget lignende):

Tilpasning af knapper

Hvis du vil ændre form eller stil på en knap, skal det meste af arbejdet udføres på Mixin / knap-symbolet / symbolerne:

Vi har gjort det meste af arbejdet for at give dig en masse knapformer at vælge imellem, men hvis du ønsker, at din standardknapeform skal være rundere eller sværere, skal du ændre masken med Mixin / Button / Fill.

Ofte stillede spørgsmål

Hvordan tilføjer jeg en skygge til min knap?
Vælg maskelaget i en Mixin / Button-beholder på symbolet, og tilføj en skygge. Glem ikke at gøre alle knapcontainerne.

Andre tilpasninger

På siden " Start her" er der et tavle til " Juster andre ting her!" Det er her du kan justere ting som skygger og pynt.

Tilpasning af solide ridser

Når du tilpasser dine farver på siden "Start her", ændres de sorte og farvegranskninger automatisk for dig. Du er velkommen til at lege med gennemsigtighedsniveauet, indtil du finder noget, du kan lide. Jeg lægger dem over nogle billedbaggrunde for at hjælpe dig med at måle læsbarheden.

Tilpasning af Gradient Scrim

Du bliver nødt til at opdatere gradient scrimet manuelt. Det er rigtigt, en håndlavet lure. Jeg kan godt lide at få en gradient scrim til at gå fra 50% af min basissort, til 0% af min basissort.

Tilpasning af skygger

Der er 6 skygge niveauer, du kan vælge imellem. Det er op til dig at beslutte, hvornår og hvor du vil bruge dem, men Material Design har nogle seje ideer omkring skyggebrug, da det angår "digitalt materiale".

Jeg går altid ind for at bruge din basissorte farve til dine skygger i stedet for ren sort: # 000000 (Jeg blev inspireret af Ian Storm Taylors artikel fra 2012. Dette vil give din app en blødere fornemmelse, og skygger ser ikke så hårde ud. Opdaterer dem alt på én gang er hurtigt:

  1. Vælg din sorte grundfarve og kopier hex-værdien.
  2. Fremhæv alle 6 skyggeblokke.
  3. Åbn skyggefarvevælgeren, og indsæt din hex-værdi.
  4. Hit enter.
  5. Synkroniser og færdig!
Jeg var ikke nødt til at synkronisere her, fordi jeg allerede brugte min basssorte farve.

Resume

Tillykke med at få det hurtigste designsystem til rådighed til Sketch! Jeg ved, at alt dette ser temmelig overvældende ud, men du skal kun gøre så meget tilpasning, som du vil. Vi synes ærligt, at det ser temmelig godt ud af boksen. Skift nogle farver ud, og du er god til at gå.

Hvem skal bruge det?

  • UX-designere
  • UI-designere
  • Produktadministratorer (for mere nøjagtig wireframing)
  • Udviklere (der ikke ønsker at rod med design)
  • Investerende administrerende direktører (fordi hvorfor ikke?)

Har du stadig ikke systemet?

Besøg vores side for at læse mere om vores to designsystemer (web og mobil), downloade en demo, eller tag begge i nedenunder. Hvert system leveres med en freebie på 70+ unikke diagramtyper (i mørke og lyse temaer), så næste gang bossman beder om et "sexet instrumentbræt som dem, jeg ser på Dribbble," vil du ikke rulle øjnene helt ud af din hoved

Har du stadig brug for hjælp?

  • Hej på e-mail: hello@uxpower.tools
  • ... eller Twitter
  • ... eller Facebook
  • ... eller LinkedIn

Vil du have et brugerdefineret designsystem?

Hvis alt dette bare ser for kompliceret ud, eller hvis du migrerer fra en anden app (Illustrator, Photoshop, Axure, Adobe XD, osv.), Så lad os hjælpe dig! Skyd os en e-mail, så hjælper vi med at få dit team i gang på kort tid.