Blueflow
UX toolkit for Figma 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.
Version 1.0
Low fidelity wireframes
81 mobile wireframes with predefined content, and 4 detailed wireframes for planning more complex layouts
Predefined UX wireframes are perfect for faster prototyping of user flows, user scenarios, or simply bringing ideas to life instantly. Every component is pixel-perfect and based on an 8pt grid. Additionally, there are some cool features included:
- Versioning and assigning various statuses
- Easily customizable content
- Adjusted constraints and auto layout
- Detailed wireframes with component properties
Flow connectors
48 diverse flow connectors, highly customizable through component properties
An easy-to-use flow set for building connections between wireframes, flowcharts, and scenarios. Various shapes and angles connect elements in the prototype. Each flow component offers customizable properties:
- Toggle flow label on/off
- Adjust label size
- Configure start and end points
- Connect and combine components
- Change color using predefined styles
Brackets and tags
15 customizable tags for pinning descriptions and 4 brackets for grouping views or processes
Tags are useful for describing additional features or adding quick notes to views or components. Brackets help organize complex views into groups or categories. Both tags and brackets are easily customizable:
- Adjustable label size
- Choice of solid or dashed lines
- Configurable start point
- Color changes using predefined styles
Flowchart
19 diverse flowchart symbols ready for diagramming
Various flowchart elements are prepared for the early stages of prototyping any app.
Scenarios and personas
Assets designed to maintain well-organized flows and prototypes
User personas are prepared with detailed values based on Golden Circle principles. Scenario labels describe interactions between user roles and the app. These are essential tools for defining end-users and validating every possible path. All components are easily customizable:
- Add or remove persona skills
- Define skill levels on a 1–5 scale
- Create user stories
- Apply versioning and statuses to scenarios
Blueflow in action
Examples demonstrate how Blueflow components can enhance research and UX design processes.
Version 2.0
In development
I'm working on version 2.0, which will be a more comprehensive library to kickstart product development from scratch. It will include:
- Templates for FigJam
- Desktop wireframes with predefined content
- Dedicated design system for high-fidelity prototyping
- Figma variables with core and semantic tokens
- And more...
Boost your UX research proccesses
Blueflow 1.0 available on Gumroad
Buy once, use it forever with free updates.
