Diffy documentation
  • Features
    • 👋Welcome
    • Mask & Exclude
    • JavaScript snippets
    • HTTP headers
    • Cookies
    • CSS overrides
    • Mock content
    • Dealing with Dynamic Elements
      • Freeze Carousels / Sliders
      • Cookies Policy Popups
    • Configure project from YAML file
    • Zapier integration (JIRA, Trello, Basecamp integrations)
    • Bypass protection Cloudfront, Akamai, Incapsula
      • Bypass Akamai protection
      • Bypass Imperva Incapsula protection
    • Tags
    • Figma
    • Local development
      • DDEV add-on
      • Lando integration
      • Standalone docker container
      • Ngrok
  • Automation
    • 💡Overview
    • GitHub Pantheon CircleCI
    • GitHub Pantheon GitHub Actions
    • GitHub Tugboat
    • Platformsh GitHub Action
  • Tutorials
    • Comparison review
Powered by GitBook
On this page
  1. Features

Figma

PreviousTagsNextLocal development

Last updated 1 day ago

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

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

Demo video of exporting Figma designs and comparing them with screenshots from actual website