Figma

Link a Figma design to a story and Sherlo shows it next to that story's latest screenshot.

Add a Figma design to a story​

The Figma preview is set per story. Add the design parameter with type "figma":

Button.stories.js

export default {
  component: Button,
  parameters: {
    design: {
      type: "figma",
      url: "https://www.figma.com/file/..." // Your Figma design URL
    },
  },
};

See the design next to the screenshot​

Each story's design sits beside the latest screenshot from testing, so the design and what the code rendered are in front of you while you review.