Research Preview: The Qodo Design Review Agent is set as Research Preview and is under active development. Functionality and results may evolve as we continue to improve the feature. We recommend reviewing and validating outputs before use, and advise against using these features in production or business-critical workflows.
How UX deviations are generated
UX deviations are generated by the Qodo Design Review Agent, which analyzes pull requests that include a linked Figma design. The agent compares the implementation in the pull request against the designs defined in Figma and identifies any discrepancies. When a design is not fully satisfied, the Design Review Agent reports a 🎨 UX deviation finding. The Design Review Agent runs automatically whenever a pull request is opened or updated.Prerequisites
- Set up the Figma integration. For more information, see Integrate Qodo with Figma.
- Log in to the Qodo portal.
- Navigate to Configurations > Context > Spec & design.
- Enable the Design review toggle. Changes are saved automatically.
Set using .pr_agent.toml
The portal’s Design review toggle shows as off until you interact with it. Until then, this engine default applies regardless.View the UX deviation in the findings
The Design Review Agent adds the following finding type to the review output:- 🎨 UX deviation: A design element defined in Figma is not fully implemented in the pull request.
- 🐞 Bugs
- 📘 Rule violations
- 📎 Requirement gaps
UX deviation details
Each UX deviation finding includes:- Description: Explanation of what design element is missing or inconsistent
- Code reference: Link to the relevant lines in the pull request diff
- Evidence: The Figma design section used for validation
- Agent prompt: A suggested prompt to help resolve the issue