VSCode-UIFlow is UiFlow for Visual Studio Code

This extension adds support for the UiFlow to Visual Studio Code (vscode), including:

• Diagram Preview
• Export PNG, SVG, JSON, DOT
• Auto Completion
• Rename Section and Direction
• Find References
• Open the Source from Preview

What's uiflow?

uiflow is the simplest way to write down your ui-flow diagram like markdown.

See also

• uiflow (Japanese)
• A shorthand for designing UI flows
• Qiita (Japanese)

Screenshot

Using

Click Select Langage Mode at the right bottom of the window and choose UiFlow.

Shortcuts

• Show preview Alt+U P
• Export PNG Alt+U E (also Alt+U N)
• Export SVG Alt+U S

Contributing

How to contribute VSCode-UIFlow

Patreon

• Daichi Hiroki @hiroki_daichi