Sju sätt att jobba effektivare med Sketch

Lukas Råberg

Jag använder nästan bara Sketch för mitt arbete. Enkelt program i sitt grundutförande – men det finns plugins och tricks som gör att du kan jobba så mycket snabbare!

Från att ha gjort all grafisk design i Photoshop och Illustrator har jag sedan ett år tillbaka i stort sett uteslutande bara jobbat i Sketch. I sitt grundutförande är Sketch ett enkelt men väldigt kompetent program, men en del funktioner kanske saknas. Men frukta icke. Bohemian Coding som utvecklar Sketch samlar alla plugins på ett ställe och där hittar du det mesta du kan önska.

I det här blogginlägget listar jag fyra plugins jag använder som gör min vardag som visuell designer enklare och effektivare. Jag listar även några inbyggda funktioner som jag använder mig av i samma syfte. 

Craft – inget mer Lorem Ipsum & bildgooglande

I min roll som visuell designer vill jag oftast designa med så verklighetstroget innehåll som möjligt, både vad gäller text och bild. Det är inte alltid möjligt att få tag i skarpt material från uppdragsgivaren men då gillar jag att ha så varierat innehåll som möjligt.

Craft från inVision är mitt val här. Med några få klick populerar jag boxar med bilder, som fiffigt nog är kategoriserade. Jag brukar välja att Craft ska hämta bilder från tjänsten Unsplash, som tillhandahåller rättighetsfria, högupplösta bilder. Skulle uppdragsgivaren dessutom älska någon bild så är det bara att använda. Det går också att koppla en vanlig mapp på din dator eller dropbox, men även bildgoogla direkt i pluginet.

Även data som namn, rubriker, artiklar, epostadress, adresser med mera går att lägga in med Craft. En fin-fin detalj är att använda dupliceringsfunktionen som finns i Craft, då inte bara dupliceras och placeras innehållet där du vill utan även datan i Craftboxarna byts ut.

Marketch för detaljerade leveranser

Marketch är ett verktyg som utifrån din Sketch-fil genererar en html-fil som kan fungera som ett stöd vid överlämning av designfiler till front end-utvecklare. Dessutom generar Marketch viss CSS. Ett bra komplement till en vanlig överlämning, även om avstånd som anges ska tas med en nypa salt. Och css-koden bör självfallet ses över av front end. 

Marvel Prototype with Sketch

Jag jobbar oftast med Marvel eller inVision för att göra enklare prototyper vars syfte är att visa den grafiska designen. Marvel har ett bra litet tillägg som automatiserar export och uppladdning till ditt Marvelprojekt.

Sketch Navigator

Det blir snabbt oreda bland artboards och sidor om man inte är grymt disciplinerad. När dessutom grupper och artboards är utfällda i paletten blir det ännu svårare att hitta. Med Sketch Navigator plockar du fram en rullgardinsmeny med cmd+e och kan där enkelt navigera och hitta det artboard du söker.

Snabbare art boardssetup

En enkel tidsbesparare när jag designar sidor för olika skärmar är att välja File/ New From template/ Web Design. Och vips så har du artboards för desktop HD, vanlig desktop, tablet och mobil. Kommer även med en uppsättning text styles och symboler. Det finns även en dryg handfull andra uppsättningar med mallar.

Anpassa dina verktyg

Inte nöjd med verktygsuppsättningen i din toolbar? Högerklicka någonstans i verktygsfältet och välj Customize Toolbar så kan du lyfta ut sådant du inte använder och lägga till eller flytta det du använder ofta.

Visa utan distraktion 

Presentera eller visa alster direkt i Sketch? Cmd+. döljer allt utom dina artboards.

Men den främsta nyckeln till att arbeta riktigt effektivt med Sketch är du själv. Att alltid jobba disciplinerat med namngivning av lager, att gruppera ordentligt, ha ordning på text styles och symboler tycker jag är bland det viktigaste för ett bra arbetsflöde. 

Vilka är dina favoritplugins och bästa tips när det gäller Sketch? Och vad saknar du?

Lämna en kommentar

3 kommentarer

  • Joakim

    Tack för ett bra inlägg.

    Själv ser jag fram emot tills Silver Flows släpps till Sketch (http://silverflows.com/) med interaktionen mellan Sketch och Framer.

  • Kim Dahlroth

    Det är svinsvårt att hålla det lo-fi i sketch

    Behöver ett fultema ala balsamiq sketch, googlat förgäves, har du några tips?

  • Lukas Råberg

    @Joakim: Varsågod och tack! Ja, Silverflows ska bli verkligt spännande att testa!

    @Kim: Jag gör sällan lo-fi i Sketch så har inte så bra koll där. Men jag gissar att du kollat här http://www.sketchappsources.com/category/wireframe.html Annars är väl alternativet att sätta upp ett eget ramverk med Symbols och Styles, tidskrävande men kanske värt i längden.