Compare the current page with a Figma design.
Compares current page with Figma design to identify visual differences and deviations.
/plugin marketplace add serkan-ozal/browser-devtools-mcp/plugin install browser-devtools-mcp@browser-devtoolsCompare the current page with a Figma design.
/figma <figma-url>
Compares the current browser page with a Figma design using visual similarity analysis. Identifies differences between the implementation and the design.
figma-url (required): URL to the Figma frame or component/figma https://www.figma.com/file/abc123/Design?node-id=1:2
/figma https://www.figma.com/design/xyz789/App?node-id=100:200
FIGMA_ACCESS_TOKEN environment variable must be setAMAZON_BEDROCK_ENABLE=true)AMAZON_BEDROCK_VISION_MODEL_ID)Returns:
figma_compare-page-with-design - Compare with Figma designcontent_take-screenshot - Capture current state