> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trynota.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# PRD + Figma Mode

> Fuse documented requirements with live designs for end-to-end gap analysis.

## Why Combine Sources?

Requirements alone rarely match what ships, and designs can drift from intent. This mode ingests both PRDs and corresponding Figma files in one run, letting the agent triangulate discrepancies, missing states, and outdated specs while still producing actionable tests.

<CardGroup cols={2}>
  <Card title="Traceability Matrix" icon="block" color="#2563eb">
    Aligns each test to both PRD sections and design frames.
  </Card>

  <Card title="Deep Gap Analysis" icon="shield-exclamation" color="#f97316">
    Highlights conflicts, missing flows, or UI elements with no documented
    behavior.
  </Card>
</CardGroup>

***

## Inputs Checklist

* Latest PRD files (PDF/DOCX/JSON) clearly versioned.
* Figma link covering the same scope with viewer access enabled.

<Note>
  Upload PRDs first, then share the Figma link so the agent understands the
  narrative before inspecting visuals.
</Note>

***

## Step-by-Step

1. Start **Coverage Agent → PRD + Figma Mode**.
2. Upload PRDs and confirm the version labels inside the chat.
3. Paste the Figma URL; specify target pages or frames to avoid noise.
4. Describe the desired output ("parity check for billing", "find missing empty states").
5. Run generation; the agent cross-references entities, flows, and assertions.
6. Review deliverables:
   * Unified test suites grouped by scenario.
   * Gap report with "Requirement only", "Design only", and "Conflict" buckets.
   * Suggested owner follow-ups.
7. Iterate with prompts like "focus on SSO" or "summarize gaps for exec deck".

<Tip>
  Use follow-up prompts to tag each gap with owner/priority so nothing falls
  through between design and PM teams.
</Tip>

***