Figma diff and re-imports

See what changed in Figma after launch, and re-import without losing edits made on the site.

Three versions

FrameKit keeps a snapshot of every import. The Figma diff compares what Figma holds now, what was imported, and what the page shows now, so it can tell a change in Figma from an edit made on the site. It lists the copy, images and sections that changed, and any place where both changed.

Pinned on the page

Open the page with the diff on and each difference is marked where it sits. You can lay the Figma frame over the page to compare. Only people who can edit the page see it. The diff reads the rendered page, so it works the same in every builder.

Re-imports keep edits safe

If someone edited the page in the builder after the import, a re-import stops and asks before replacing their work. Images are downloaded again only when Figma sends a different one.