Figma Code Connect

[calebnance]

hey @HenriqueLimas

i think Stephen has already talked to you about this coming down the pipeline. please add anyone else to this PR that might need to be on here.

this is the first go at it, but i have mapped most if not all components to our DS library on figma. i wanted to get this in front of y'all so we can talk around it, and let me know of any changes needed. you can test this right now on designs that use our ds components, just make sure you're in dev mode.

also the more i looked at it; there are definitely different namings + how DS has structured their components vs how the React components are structured, so i did the best i could where things are not 1:1.

example when in dev mode:

i have also hooked up variant handling where i could:

checkbox with no label	checkbox with label

[shpandian]

@calebnance did we also go through SAFE review? if so can you attach a SAFE ticket in the PR description as well?

[darkwebdev]

@HenriqueLimas So is this for storybook or for figma? Looks like developers who look at designs in figma can use the generated code easily, right?

[calebnance]

@darkwebdev @HenriqueLimas

Basically it creates dynamic code snippets, taking the properties data available and injects where it should be in the code.

So as a designer, i set the title to: "Hello, this is a title"

Then as a developer, in Dev Mode, the code snippet has "Hello, this is a title" in the <EbayDialogHeader />

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 68154bc4b34f20305c2d309c3cabbca60907ca69

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR