Skitsevejledninger

Skitseværktøjer til styring af et designsystem

Liste over skitse-appudvidelser til organisering og vedligeholdelse af en brugergrænsefladesamling.

At opbygge en velstruktureret aktivindsamling er en fremherskende pligt blandt designerne. Denne ikke-materielle livsform kan vokse vild sammen med dit brand og konstant generere en række forskellige udfordringer for dig eller dit team.

Hvis du nogensinde trådte på denne sti, er her en liste over nyttige værktøjer, der kan udvide skitse-appfunktionalitet til at hjælpe dig i forskellige faser af at lave et designsystem, hvilket fjerner unødvendig pixel-skubning og holder dokumentet rent og nyttigt, så du har tid til at nyde en god dag.

Listede plugins er kompatible og blev brugt under processen med at gøre Frames Design System muligt og andre Robowolf-produkter også. Mange tak til forfatterne og bidragydere af disse nyttige små venner.

Løber

Download - http://sketchrunner.com/

Det mest populære og velkendte omkring sketscommunity - et must have et plugin, der vil gavne din arbejdsgang med en bred vifte af frynsegoder. Her er min top 5, når det kommer til et skalerbart projekt.

  • Hurtig navigation gennem flere biblioteker, komponenter eller bare symboler.
  • Super hurtig til at finde og installere andre plugins.
  • Giv yderligere slots i din beholdning ved at integrere en separat runner-menu i skitserværktøjslinjen.
  • Kan anvende delte stilarter på flere lag.
  • Runner-menu kan hjælpe dig med at administrere foretrukne plugins og hvilke vigtigere individuelle kommandoer, der er super nyttige, hvis du installerer 2–5 plugins om dagen og har et rod i plugin-menuen.
Du kan endda tilføje separatorer for at oprette grupper i det.

Omdøb det

Download - http://rodi01.github.io/RenameIt/

At holde alle aktiver organiseret vil tvinge dig til at omdøbe, omdøbe en masse symboler, lag og tegnebræt. Omdøb plugin gør alt det hårde arbejde, brug det til hurtigt at finde og udskifte navnene på eventuelle skitseobjekter og erstatte dem med den nye. Foretagelse af ændringer i lyshastigheden inden for hele kitsstrukturen.

Brug  til at opdele symboler i forskellige kategorier og menugrupper
  • Plugin har gode, nyttige omdøbningsresultater i preview-sektionen.
  • Du kan bruge nøgleord til at definere præcise resultater.

Sketch Style Master

Download - https://github.com/aparajita/sketch-style-master

Et fremragende plugin, der tilføjer tekstformadministrationsfunktionalitet til skitse-app, det betyder ikke mere behov for manuelt at klikke på hvert tekstformatnavn i et smalt vindue for at omdøbe en bestemt stil. Dette værktøj giver en masse seje muligheder, når det kommer til at arbejde med tekstformater, så du nemt kan styre dine typografier og endnu mere.

  • Har en fleksibel søgning, der hjælper dig med at finde og tilsidesætte flere tekstformater hurtigt.
  • Har en hjælpsom brugergrænseflade til brugergrænseflade med en mulighed for at gennemse alle de brugte tekstformater.
  • Meget nyttigt til organisering og lagring af tekstformater i grupper ved hjælp af grundlæggende navnestruktur, for eksempel Roboto / Body / Black
  • Hjælper mig altid med at udskifte skrifttyper i dokumentet hurtigt:
Udskiftning af skrifttyper og bevarelse af hierarkiet for tekstformatmenu.

Symbol Manager

Hjemmeside - https://gumroad.com/l/sketch-symbols-manager

Dette plugin giver dig mulighed for at oprette mapper til dine symboler og organisere en struktur ved at trække symboler fra en mappe til en anden med en finderstilgrænseflade. Betalt og har stadig nogle interaktioner, der skal poleres, men forfatteren foretager opdateringer, så jeg håber, at denne tilgang vil udvikle sig eller erstattes af indbyggede indstillinger, fordi intern symbolmanager kunne gøre et godt stykke arbejde i processen med at organisere store dokumenter.

  • Ændringer foretaget af markeringerne vil påvirke navngivningen af ​​hvert symbol.

Symbolarrangør

Download - https://github.com/sonburn/symbol-organizer

Hvis du nogensinde har prøvet at organisere din symbolside manuelt, kender du smerten, men takket være dette nyttige plugin, der gør det muligt hurtigt at strukturere din symbolside i visuelle grupper bestemt af symboler i alfabetisk rækkefølge, meget nyttigt i de endelige designstadier, når du forbereder din samling til showdown.

Du kan forhåndsdefinere grupperne ved hjælp af “/” i symbolnavne.

Abstrakt

Download - https://www.goabstract.com/

At opbygge et skalerbart UI-kit er altid hårdt arbejde for forskellige personer. Når du bevæger dig igennem i et team, vil du imødekomme behovet for, at alle skal bo på den samme side og tilbage tjekke den foregående samarbejdspartners iteration, Abstract giver alle i teamet adgang til den samme masterfil samt andre nyttige funktioner.

  • Ligesom Github altid har en mulighed for at forgrene sig fra masterfilen for at oprette din version af dokumentet.
  • Gennemgå ændringer, og vælg, hvilken der skal opbevares, og hvilken der skal fjernes.
  • Brug versionshistorikloggen til at samarbejde ved hjælp af kommentarer og forpligtelser.
Tip - åbn altid masterfil fra Abstract, dette holder alle ændringer, der er foretaget i din fil, husket / optaget af appen Abstract.

Mindeværdige nævner

  • Skitstiltag - Fantastisk at oprette specifikationer og eksportere aktiver til udviklere og kolleger, hvis du ikke bruger Zeplin eller Sympli til dette formål.
  • Flet duplikatsymboler - Nyttigt til at undslippe forstyrrelser i din hovedfil og flette komponenter med navneduplikatsymboler.
  • Ubrugt stilfjerner - Find alle forekomster af et delt lag eller tekststil og fjern dem.
  • Symboltilstand - Giver dig muligheden for at gemme tilsidesættelser i ethvert symbol som forskellige komponenttilstande for yderligere chance for at skifte mellem dem.
  • Taster - Brug den til at binde en række kombinationer via genveje, f.eks. ⌃⌘A [Vælg alle tegnebræt] + ⌘RF [Ændr størrelse til tilpasset indhold] - for hurtigt at tænde / deaktivere størrelsen på artboardegenskaber.

Før du går

Få dig selv en kopi af Frames Design System, og spar dig hundreder af timers arbejde på et nyt projekt i Sketch-app. Frames er let at tilpasse og tilpasse sig dit brand. ️

  • Download Frames gratis ressourcer, besøg → Sketchappsources.com
  • Følg på Twitter og Dribbble for flere designrelaterede artikler og freebies.