The design canvas is the unified workspace where your PRD, Figma screens, and audit context all live together. Rather than switching between a docs tool, a design file, and a handoff doc, you bring everything into one place — and run audits against the complete picture.Documentation Index
Fetch the complete documentation index at: https://doc.getrationale.app/llms.txt
Use this file to discover all available pages before exploring further.
What the canvas holds
Each project version on the canvas contains:- Design screens — uploaded directly or imported from Figma as PNG exports
- PRD text — pasted in, linked from Notion, or uploaded as a file
- Audit results — surfaced in the results tabs once an audit has run
Importing designs from Figma
Paste a Figma file URL (or a bare file key) into the Figma import field. Rationale extracts the frames from the file and adds them as screens on your canvas. Supported URL formats include/design/, /file/, and /proto/ URLs.
Copy the Figma file URL
Open the file in Figma and copy the URL from the browser address bar. A frame-level node ID in the URL will scope the import to that frame; leaving it off imports the top-level frames.
Paste the URL into Rationale
In your project, paste the URL into the Figma import field. Rationale fetches the frame list and downloads each frame as a PNG.
Figma export URLs are short-lived. If an import fails after a delay, try pasting the URL again to generate a fresh set of signed URLs.
The canvas as audit context
Every audit you run uses the screens and PRD attached to the active version as its context. This means:- Adding more screens to the canvas gives the audit more surface area to check
- Updating the PRD text changes what the audit considers a requirement
- Switching to a different version changes both the screens and PRD the audit reads
Project gateways
When you create a new project, Rationale asks you to pick a starting point — called a gateway — that shapes how the canvas and audit flow are set up.- Design to PRD
- PRD to Design
- Match
Start from finished or in-progress Figma designs. You upload screens, attach a PRD, and run a full logic audit that checks whether the designs cover everything the PRD specifies. Results appear across the Summary, Requirements, Gaps & Edge Cases, Decisions & Notes, and Dev Handoff tabs.