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!

GO DOWNLOAD NOW

More by Design Laboratory

View profile