Whiteboarding
The Whiteboarding feature gives you a space to brainstorm and sketch out the skeleton of a screen before generating it. Powered by Excalidraw, it turns rough ideas into functional app screens you can refine and export.
Video Tutorial
How it works
From the project canvas, open the toolbox and click Draw (Whiteboarding)
A whiteboarding canvas (powered by Excalidraw) opens
Use shapes, boxes, and text to sketch the structure of a screen (e.g., header, fields, buttons)
Add an optional prompt to describe your intent Example: "Make this a modern login screen with inputs and a login button."
RapidNative generates a real screen from your sketch + prompt and places it on your project canvas
Example workflow
Input (Whiteboard sketch):
- A rectangle for a header
- Two boxes for text inputs
- One box for a button
Optional Prompt:
- "Login screen with email, password, and blue submit button."
Output:
- RapidNative generates a LoginScreen with styled inputs and a button, ready to refine with inline edits.
Why it's valuable
- Brainstorm flows quickly without polished designs
- Sketch → screen → code in minutes
- Works well for MVPs, stakeholder demos, or internal idea validation
- Easy for non-designers to capture ideas visually
- Always generates exportable React Native + NativeWind code