Free customizable flowchart kit for Sketch

get it
#2 Product of the DayFebruary 06, 2017



You need to become a Contributor to join the discussion - Find out how.
Greg DlubaczMaker@gregdlubacz
Hey guys. Also thank you @dubstrike for hunting I’d like to share with you my new project (it’s a FREEBIE) I created in my spare time a few weeks ago. This is a carefully crafted User flow kit for Sketch that helps creating simple sitemaps really fast and easy. It contains only the most essential elements to speed up the process of creating user maps. All the elements including arrows are scalable, so you can easily change the height and width of them, rotate etc. They are also fully customisable, so you can change the colors for instance. There are 3 pre-defined color versions to choose from depending on what suits better to your taste or particular project. There are 3 reasons why I’ve decided to create it: 1. I wanted to have something very simple for creating quick sitemaps for website projects. 2. I’ve noticed that most of the sitemap kits like this one have not well prepared arrows. It means that they become distorted when you try to scale them down or up. Sketch gives the possibility of creating smart, scalable elements. 3. I needed something simple without tons of cards and other elements. Thanks to Sketch Symbols and Overrides we can speed up the entire process or changing the text content/values. Features: Fully customizable Scalable elements & arrows 3 pre-defined colors available (grayscale, blue and dark/red) Great for creating many types of work ie. sitemaps, wireframes, diagrams All created in Sketch app using vector tools Pixel-perfect design All elements grouped in Symbols for faster changes and building sitemaps What you get: 3 Sketch files with elements (each for different color grayscale, blue and dark/red) Flowchart example/template Ready to use and well-organized vector elements Manual You can download it from here for FREE: https://gumroad.com/l/fuqIV# or using this website http://uxflow.co/ Guys if you like please spread the word ;) LICENSE This kit is offered under Creative Commons Attribution 4.0 International (CC BY 4.0) license. You can share it and adapt for you projects. Under the following terms, you must give appropriate credit, provide a link to the license, and indicate if changes were made.
Wojtek WitkowskiHunter@pugson
@gregdlubacz Great work, it will come in handy!
Jamie Shoard@jamie_shoard · Design/Founder Combo Studio
Nice work Greg, been looking for something like this for a while! Great use of the new symbols/resizing stuff in Sketch, you're a dude. 🙌
Greg DlubaczMaker@gregdlubacz
@jamie_shoard Thanks man. Glad you like it. I have some update in mind too in near future.
Michael Dusing@mdusing · UX Designer
Would love this for Adobe Xd as well
Greg DlubaczMaker@gregdlubacz
@mdusing Will try to recreate this in Adobe XD.
Greig Cranfield@greigcranfield · UX Researcher at Trade Me.
Neat. This will come in handy, thanks.
Greg DlubaczMaker@gregdlubacz
@1greigcranfield Thanks. Appreciate your feedback.
David@miscalzoncillos · UX Designer at Telefónica I+D
Good UI kit for sketch, but a Sketch plugin for make flowchart would have been amazing...
Greg DlubaczMaker@gregdlubacz
@miscalzoncillos I agree in 100% :)