Blueflow UX toolkit for Figma

Blueflow will help you with product design processes. From the very early stage of drafts and wireframes to validate scenarios and statuses of UX and UI progress.

Blueflow was based on the definite way of working - Figma Flow

👀 Preview in Figma

Key elements:

📱Lo-fi wireframes

• 81 wireframes for mobile with predefined content
• 4 detailed wireframes to plan more complex content
• optional versioning and statuses to validate with ongoing UX/UI views

⤴️ Flow

• 48 different flow connectors
• highly customizable with component properties

🗜 Bracket

• 4 brackets to grouping processes or similar views

🏷 Tag

• 15 different tags to describe flows or write down anything worth mentioning

🔷 Flowchart

• 19 flowchart symbols for diagramming

📝 Scenario

• Scenario label to describe every use case for testing and validation

🧑‍🚀 Persona

• Sheet to describe any end user character

🎨 Styles

• A bunch of defined color and text styles, easy to customize, so you can adjust Blueflow to your own needs

➡️ Examples

• 3 different examples to show Blueflow in action 🔥

There's more to come

Some of the already planned improvements:

• wireframes for desktop with predefined content
• expanding design system detailed prototyping
• more icons and other useful components
• improving toolkit in cases of major Figma updates

One purchase - free lifetime updates

Let me know if you have feedback, requests, or any other ideas!

👋 Thanks!