Skapa flödesdiagram i skiss med användarflödesplugin

Gränssnittsdesigners snabbt blev kär i Sketch som ett UI / UX designverktyg. Rätt ut ur lådan kan det piska upp enkla gränssnitt mycket snabbare än Photoshop eller Illustrator.

En bra funktion saknas från Sketch är förmågan att länk tavlor med flödesscheman. Men med User Flows plugin du kan bara göra det!

UX-designers behöver ofta leverera en full fungerande prototyp av mockups Ansluta olika länkar / knappar till sidor i appen eller webbplatsen. Med användarflöden kan du generera fullständiga skissdiagram ansluta vissa element på en sida till en annan.

Flöden kan också hjälpa dig definiera kompletta mockups med diagrammallar. Den här funktionen är automatiskt kombinerar alla tavlor och deras flödesledningar tillsammans i en stor skissfil. På så sätt kan du exportera dina flödesidéer direkt från Sketch.

Du kan förändra linje färg, storlek, och exportalternativ för @ 1x eller @ 2x storlekar.

Alla flödeslinjer är byggd med vektorelement, så de kan ändras och flyttas ständigt utan kvalitetsförlust. Och du kan till och med ställa in conditionals där flödesdiagrammet flyttar till olika skärmar baserat på olika scenarier, till exempel när en användare är inloggad vs utloggad.

Detta är enkelt ett av de mest användbara verktygen för en UI / UX-designer, och det är inte något du kan få med ett Photoshop-arbetsflöde.

Designers har många anledningar till byter till Sketch. Dess billigare, lättare att använda, och det kan bygga högkvalitativa mockups precis som Photoshop. Och nu, med användarflöden, har du ytterligare en anledning att göra omkopplaren.

Denna plugin är helt gratis och öppen källa med sin egen GitHub repo. Om du märker några problem eller fel kan du skicka in en rapport om GitHub eller meddelandet skaparen på Twitter @abynim.