Support multiple figma urls in a story about addon-designs HOT 4 CLOSED

You can embed more than one design assets (not only Figma, also links, images, and iframes) into one story by passing an array of objects. (Example)

If you do so, I'd recommend you to set a tab name via the name property.

export const myStory = () => <MyComponent />

myStory.parameters = {
  design: [
    {
      name: 'Mobile',
      type: 'figma',
      url:
        'https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample',
    },
    {
      name: 'Desktop',
      type: 'figma',
      url:
        'https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample',
    },
  ],
}

from addon-designs.

Sure! here you go!
#122

from addon-designs.

Hi! I don't know if I should reopen this. Im having a problem when including multiple experimental-figspec designs.

Only the first one in the array list is loading properly. The second one seems like blocked and cant even scroll in the figma iframe

Also, when adding one figspec and one normal figma, it works correctly

from addon-designs.

@sauldeleon
Can you open a new issue? It seems specific to figspec embed.

from addon-designs.