Figma designs comparison
Use App Percy with Figma designs for visual comparison.
App Percy’s support to configure Figma designs enables you to validate designs and detect visual discrepancies. It streamlines your design-to-development process by providing:
- Real-time screenshot comparisons for pixel-perfect accuracy.
- One-click setup to link Figma to App Percy.
- Preview and interactive modes for design comparison.
- Collaborate with stakeholders and request changes and approvals.
New to App Percy? Get started by creating a App Percy project. For more information, see Create a Project. Once your project is created & build is triggered you are ready to perform visual testing with App Percy.
High-level steps
- Upload Figma design file link.
- Map the snapshots with the required build snapshots.
- Compare designs and validate visual differences.
- You must create at least one successful build before creating a Figma build.
- The image height is based on the device height.
- The allowed width for the snapshots is between 120px and 2000px (inclusive).
Explore further
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!