Flow builder ergonomics
Userflow is the fastest flow builder on the market. We pour a lot of resources into making the flow builder speedy and ergonomic.
Here’s a video walkthrough of how to get the most out of the flow builder with keyboard navigation, copy/paste and undo/redo:
When a block is focused, you can move to neighboring blocks by using your keyboard’s arrow keys. It works in all directions.
Press Enter to enter a block, which e.g. opens and focuses the side panel.
Press Escape to close the side panel again and move focus back to the block on the canvas.
Press Delete to delete the selected block. This works on all block types: Whole steps, buttons, triggers, conditions etc.
Press L when a button, trigger or tooltip is selected to enter link mode. Then use arrow keys to move to the step you want to link to. Finally, press Enter to link.
Press A when focus is within a step to open the Add block menu. Use arrow keys and Enter to select the kind of block to insert.
Press P to start previewing the flow in your own app.
Press ? to show the Flow builder cheat sheet (or click the light bulb icon the top bar):
You can do everything in the flow builder using only your keyboard, except for previewing and selecting elements.
If you have more ideas for shortcuts, we’re all ears!
You can easily copy and paste blocks. Both within the same flow, but also across flows.
Focus the block you want to copy and press
Cmd + C (
Ctrl + C on Windows). Then move focus to where you want to paste the block and press
Cmd + V (
Ctrl + V on Windows).
It works seamlessly for all blocks: Whole steps, buttons, triggers, conditions etc.
Another option is to use drag and drop while holding down
Alt on your keyboard. Without
Alt, when you drop the block, it’ll be moved to where you dragged it to. Once you press
Alt, the cursor will change, and when you drop the block, it’ll be duplicated instead.
Cmd + Z (
Ctrl + Z on Windows) to undo the last change, or
Shift + Cmd + Z (
Ctrl + Shift + Z on Windows) to redo a change.