UXFlow

Free customizable flowchart kit for Sketch and Figma

get it
#2 Product of the DayFebruary 06, 2017

User flow kit for Sketch and Figma. It helps creating sitemaps really fast and easy for your team/freelance/agency or side projects.

Simply drag & drop elements, add arrows, scale their width and height to get professional and beautiful sitemaps, wireframes or diagrams within minutes.

Reviews

Dr Yanna Vogiazou
 

Discussion

You need to become a Contributor to join the discussion - Find out how.
Greg Dlubacz
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 and Figma 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/Figma 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 and Figma Components 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) 3 Figma 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 Witkowski
Wojtek WitkowskiHunterPro@pugson · Building digital products.
@gregdlubacz Great work, it will come in handy!
Jamie Shoard
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 Dlubacz
Greg DlubaczMaker@gregdlubacz
@jamie_shoard Thanks man. Glad you like it. I have some update in mind too in near future.
Michael Dusing
Michael Dusing@mdusing · UX Designer
Would love this for Adobe Xd as well
Greg Dlubacz
Greg DlubaczMaker@gregdlubacz
@mdusing Will try to recreate this in Adobe XD.
Greig Cranfield
Greig Cranfield@greigcranfield · Co-founder @Pendle.io
Neat. This will come in handy, thanks.
Greg Dlubacz
Greg DlubaczMaker@gregdlubacz
@1greigcranfield Thanks. Appreciate your feedback.
David
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 Dlubacz
Greg DlubaczMaker@gregdlubacz
@miscalzoncillos I agree in 100% :)