Maak stroomdiagrammen in Sketch met User Flows plugin

Interface-ontwerpers snel werd verliefd op Sketch als een UI / UX-ontwerptool. Direct uit de doos, het kan maak eenvoudige interfaces veel sneller dan Photoshop of Illustrator.

Een leuke functie ontbreekt in Sketch is de mogelijkheid om koppel tekengebieden met stroomdiagrammen. Maar met de User Flows plugin je kunt precies dat doen!

UX-ontwerpers moeten vaak een volledig werkend prototype van mockups verschillende links / knoppen verbinden met pagina's in de app of website. Met User Flows, kunt u maak volledige schetsschema's bepaalde elementen op de ene pagina met de andere verbinden.

Flows kan je ook helpen definieer complete mockups met diagramsjablonen. Deze functie automatisch combineert alle tekengebieden en hun stroomlijnen samen in één groot Sketch-bestand. Op deze manier kunt u exporteer uw flow-ideeën rechtstreeks vanuit Sketch.

Je kan veranderen lijnkleur, grootte, en export opties voor @ 1x of @ 2x maten.

Alle stroomlijnen zijn gebouwd met vectorelementen, zodat ze kunnen worden verkleind en constant worden verplaatst zonder kwaliteitsverlies. En je kunt zelfs conditionals instellen waar het stroomschema gaat naar verschillende schermen op basis van verschillende scenario's, bijvoorbeeld wanneer een gebruiker is ingelogd versus uitgelogd.

Dit is gemakkelijk een van de handigste hulpmiddelen voor een UI / UX-ontwerper, en het is niet iets dat je kunt krijgen met een Photoshop-workflow.

Ontwerpers hebben redenen genoeg voor overschakelen naar Sketch. Haar goedkoper, gemakkelijker te gebruiken, en het kan bouw mockups van hoge kwaliteit net als Photoshop. En nu, met User Flows, hebt u nog een reden om over te stappen.

Deze plugin is helemaal gratis en open source met zijn eigen GitHub repo. Als u problemen of bugs opmerkt, kunt u een rapport indienen op GitHub of de maker op Twitter @abynim een ​​bericht sturen.