code-connect icon indicating copy to clipboard operation
code-connect copied to clipboard

Figma Connect - Multiple Component Connect with Storybook approach

Open vchandran8 opened this issue 1 year ago • 1 comments

I see the figma documentation covering details for connecting single React Code Component to Multiple Figma Component sets with Figma.tsx file approach.

I can have multiple figma.connect calling with each specific figma URL to component or component Set.

For the same use case, how it can be implemented with STORBOOK story file approach?? Please share the details & examples for that.

Since storybook has only one Export Default with only one Design Parameter URL can be accepted.

For Ex :

export default {
    component: sampleComponent,
    parameters: {
        design: {
            type: 'figma',
            url: '//IT CAN HOLD ONLY ONE URL',
            examples: [FigmaTemplate],
            props: {
              //PROPS
            }
        },
    },
    argTypes: {
        onClick: {
            table: {
                category: 'Events',
            },
        },
    },
} as ComponentMeta<typeof SampleComponent>;


@tomduncalf-figma

vchandran8 avatar Jun 25 '24 20:06 vchandran8

Duplicate of https://github.com/figma/code-connect/issues/35

efoken avatar Jun 27 '24 19:06 efoken