Fidelity reviews
A score for every section of an imported page against its Figma frame, so you know how close the page is before your client does. Coming to Studio and Agency.
A fidelity review answers “does the draft look like the design?” with numbers your AI app can act on. It is being finished now and will be part of the Studio and Agency plans, because rendering a page to compare it is the one thing in FigWP that costs per use.
What a review does
- The site issues a ten-minute preview link for the draft.
- FigWP renders the page at the design’s width with animations off, and records where every element landed.
- It takes Figma’s own render of the frame from the open plugin (the frame must still be selected).
- It compares the two, section by section, from each section’s own top, so one section rendering taller does not fail everything below it.
Each section gets two scores: pixels, the share of matching pixels, and layout, how well the elements’ boxes line up, weighted by size. The page gets a height-weighted pixel score and a size-weighted layout score. A section holding live content (a posts feed, a product grid) is judged on layout only, since its pixels cannot match a drawn mock-up.
The scores compare two renders that legitimately differ, in font rasterising and photos, so they are for comparing attempts and finding what is off, not an absolute.
What you do with it
Ask the app for the worst section. It shows the design, the page and the difference side by side, with the elements that moved, resized or went missing, each tied to its Figma layer. Then it repairs that section, runs the review again and reports the new score. Because every change is snapshotted, the best-scoring version can be kept.
Responsive pages
A page merged from tablet or mobile frames can be reviewed at that breakpoint: the page renders at the tablet frame’s width and is compared with the tablet frame, which must be selected in Figma.