Free customizable flowchart kit for Sketch and Figma

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.

Would you recommend this product?
1 Review5.0/5
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.
@gregdlubacz Great work, it will come in handy!
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. 🙌
@jamie_shoard Thanks man. Glad you like it. I have some update in mind too in near future.
Would love this for Adobe Xd as well
@mdusing Will try to recreate this in Adobe XD.
Neat. This will come in handy, thanks.
@1greigcranfield Thanks. Appreciate your feedback.
Good UI kit for sketch, but a Sketch plugin for make flowchart would have been amazing...
@miscalzoncillos I agree in 100% :)