A whiteboard is often the fastest place to start when you are working through a new idea. But creating a prototype from a user flow, sketch, or wireframe takes extra effort to rebuild somewhere else. You can select whiteboard objects and convert them into an interactive prototype with Elle (the AI assistant) — so you can test ideas, share them with your team, and refine the experience faster.
Click any of the following links to skip ahead:
Overview
Any contributor with edit access to a whiteboard can use Elle to turn whiteboard content into an interactive prototype.
Use this feature when you want to turn a user flow into a clickable experience, explore an idea from a sketch or mockup, start with a screenshot, or review an early concept before spending more time on detailed design.
You can convert:
User flows or diagrams built with text-based shapes
Screenshots
This gives you a faster way to explore ideas visually and refine the same concept as it develops.
Convert whiteboard objects to a prototype
If you are starting with a feature idea, ask Elle to create a user flow diagram on your whiteboard first. Then, once the flow looks right, ask Elle again to convert those whiteboard objects into a prototype.
Once your idea starts to take shape on your whiteboard, select the related objects you want to use as context and convert them into an interactive prototype. You can use the Convert to prototype command or ask Elle to convert the selected objects for you.
Select the objects you want to use as context for the prototype.
Right-click the selection or open the More options button (...).
-
Select Convert to prototype.
You can also select objects on your whiteboard and ask Elle to convert them to a prototype.
Review the prototype.
You can now click through the experience, share the prototype with the team, and keep refining it.
Best practices
Select all related objects you want included in the prototype.
Use shapes with clear labels when you are mapping a flow.
Keep screens or steps visually organized on the whiteboard.
Include screenshots or wireframe-style layouts when they help show the intended experience.