> For the complete documentation index, see [llms.txt](https://docs.diffy.website/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.diffy.website/features/figma.md).

# Figma

You can export your designs from Figma and compare them with actual screenshots from your website.\
\
Here is a video on how it can be done

{% embed url="<https://www.loom.com/share/ad3f3535311b46e89ae2b682924b3820>" %}
Demo video of exporting Figma designs and comparing them with screenshots from actual website
{% endembed %}

Key steps are:

1. Create a project and make sure you have the right pages and breakpoints
2. Export your screenshots from Figma
3. Upload your Figma exports to Diffy
4. Create screenshots from your website in Diffy
5. Compare newly created screenshots with Figma designs