{"_id":"@codewithac/figma-storybook-integration","_rev":"4-8097ed2b4a9ddbbfeaa9fd76b3328011","name":"@codewithac/figma-storybook-integration","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@codewithac/figma-storybook-integration","version":"1.0.0","description":"How to integrate Figma Properties into Storybook - By CodeWithAC","author":{"name":"codewithac"},"type":"module","dependencies":{"@storybook/addon-a11y":"^7.4.6","react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"storybook":"storybook dev -p 6006","patch":"npm version patch"},"devDependencies":{"@storybook/addon-actions":"^7.4.6","@storybook/addon-console":"^2.0.0","@storybook/addon-designs":"^7.0.5","@storybook/addon-essentials":"^7.0.6","@storybook/addon-interactions":"^7.0.6","@storybook/addon-links":"^7.0.6","@storybook/react-vite":"^7.0.6","@storybook/blocks":"^7.0.6","@storybook/react":"^7.0.6","storybook":"^7.0.6"},"main":"index.js","keywords":[],"license":"ISC","gitHead":"290308eaca32cb7142c5c316b5ea735041b54fb8","_id":"@codewithac/figma-storybook-integration@1.0.0","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-KoHWNuf/E8G4mwqOx2iRXs00QpzlfJtlKQdRab4ct6SS1IvlnDFmjQo/TvwiOi4VTve+cglqyIOfpzXUTuPM7g==","shasum":"f90e68df5baedf7ad3a4a6acdd920133562bd992","tarball":"https://registry.npmjs.org/@codewithac/figma-storybook-integration/-/figma-storybook-integration-1.0.0.tgz","fileCount":33,"unpackedSize":558977,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGM4jx0fOmarTL9D2/WVENdfVsZqlNLtj31RDeqn4dhhAiBx4Ol51gSKgKjV072A9k9zc6J+crTZ2N5r+fbAlWjWAg=="}]},"_npmUser":{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-storybook-integration_1.0.0_1697037755221_0.5430285936987449"},"_hasShrinkwrap":false},"1.0.1":{"name":"@codewithac/figma-storybook-integration","version":"1.0.1","description":"How to integrate Figma Properties into Storybook - By CodeWithAC","author":{"name":"codewithac"},"type":"module","dependencies":{"@storybook/addon-a11y":"^7.4.6","react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"storybook":"storybook dev -p 6006","patch":"npm version patch"},"devDependencies":{"@storybook/addon-actions":"^7.4.6","@storybook/addon-console":"^2.0.0","@storybook/addon-designs":"^7.0.5","@storybook/addon-essentials":"^7.0.6","@storybook/addon-interactions":"^7.0.6","@storybook/addon-links":"^7.0.6","@storybook/react-vite":"^7.0.6","@storybook/blocks":"^7.0.6","@storybook/react":"^7.0.6","storybook":"^7.0.6"},"main":"index.js","keywords":[],"license":"ISC","gitHead":"66a552f672b3b87fca60ebf232fd5095505a4f40","_id":"@codewithac/figma-storybook-integration@1.0.1","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-RR0rYe3TdozoKRFI8VLbZkKeQ1KIp7qfeRweLfzvMSFY++XESlhihiX/7OsyiPIA9UlaEg1gxMJTVWV0OFNZtA==","shasum":"ea4d5893b0909b36ca062ad07cb95cd2f30132cf","tarball":"https://registry.npmjs.org/@codewithac/figma-storybook-integration/-/figma-storybook-integration-1.0.1.tgz","fileCount":33,"unpackedSize":558981,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDke/tA0REmHJfgzmbg9ARIVRemwXz/CSmX/IfZ0jctlQIhANKc0xgSWBV6/tQ0Nl7REVDJ934+1VCi1GvcPDEZFeo/"}]},"_npmUser":{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-storybook-integration_1.0.1_1697038144541_0.8910403298364549"},"_hasShrinkwrap":false},"1.0.2":{"name":"@codewithac/figma-storybook-integration","version":"1.0.2","description":"How to integrate Figma Properties into Storybook - By CodeWithAC","author":{"name":"codewithac"},"type":"module","dependencies":{"@storybook/addon-a11y":"^7.4.6","react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"storybook":"storybook dev -p 6006","patch":"npm version patch"},"devDependencies":{"@storybook/addon-actions":"^7.4.6","@storybook/addon-console":"^2.0.0","@storybook/addon-designs":"^7.0.5","@storybook/addon-essentials":"^7.0.6","@storybook/addon-interactions":"^7.0.6","@storybook/addon-links":"^7.0.6","@storybook/react-vite":"^7.0.6","@storybook/blocks":"^7.0.6","@storybook/react":"^7.0.6","storybook":"^7.0.6"},"main":"index.js","keywords":[],"license":"ISC","gitHead":"c38f7d59f00fac3fbbd3aab1124d497969c87d76","_id":"@codewithac/figma-storybook-integration@1.0.2","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-3Eqy/JV9I6/uJPayd6MGgat6+bF9QtXc/GRkX4P4QGmSXo3WVzsLEw1IpykqMtWKEohKGD35vdaySkdqYJqHpA==","shasum":"449d18d3d8b45d790e96ba8bbdde46603ff01179","tarball":"https://registry.npmjs.org/@codewithac/figma-storybook-integration/-/figma-storybook-integration-1.0.2.tgz","fileCount":33,"unpackedSize":559059,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjTkMUwd+hXfpDiR4IEDGi+HeVsd/GnY8xyhUKyKtfeQIgHhr86+6pv93o08BM5Zozpyvi6cNpBXJuGVN+WAd2BFA="}]},"_npmUser":{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-storybook-integration_1.0.2_1697092829455_0.5785427103878176"},"_hasShrinkwrap":false},"1.0.3":{"name":"@codewithac/figma-storybook-integration","version":"1.0.3","description":"How to integrate Figma Properties into Storybook - By CodeWithAC","author":{"name":"codewithac"},"type":"module","dependencies":{"@storybook/addon-a11y":"^7.4.6","react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"storybook":"storybook dev -p 6006","patch":"npm version patch"},"devDependencies":{"@storybook/addon-actions":"^7.4.6","@storybook/addon-console":"^2.0.0","@storybook/addon-designs":"^7.0.5","@storybook/addon-essentials":"^7.0.6","@storybook/addon-interactions":"^7.0.6","@storybook/addon-links":"^7.0.6","@storybook/react-vite":"^7.0.6","@storybook/blocks":"^7.0.6","@storybook/react":"^7.0.6","storybook":"^7.0.6"},"main":"index.js","keywords":["figma","storybook","integration","figma-storybook","design"],"license":"ISC","gitHead":"3485588c2f89cd93e105427ae9f7af312105ab97","_id":"@codewithac/figma-storybook-integration@1.0.3","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Huw8TPaOwN82wXmL7IdDvtN/h4ktNJwbCPiKWLKsztUo7ZTC/4VtQh1wYxR6SjfKItDfuw23Ba9JO4Izm5K8qw==","shasum":"87fe5f8edca379866f50af5da4e2d59ea500692b","tarball":"https://registry.npmjs.org/@codewithac/figma-storybook-integration/-/figma-storybook-integration-1.0.3.tgz","fileCount":33,"unpackedSize":559147,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGGJR4dusev/e4ybXSzFuBkv1ybH4ct31MT0R+arO2nFAiEA41jD1vYQGfiqMrhqrWvPz7761taC11/SlKgAxqSTCIY="}]},"_npmUser":{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-storybook-integration_1.0.3_1697092979705_0.9555537953658202"},"_hasShrinkwrap":false},"1.0.4":{"name":"@codewithac/figma-storybook-integration","version":"1.0.4","description":"How to integrate Figma Properties into Storybook - By CodeWithAC","author":{"name":"codewithac"},"type":"module","dependencies":{"@storybook/addon-a11y":"^7.4.6","react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"storybook":"storybook dev -p 6006","patch":"npm version patch"},"devDependencies":{"@storybook/addon-actions":"^7.4.6","@storybook/addon-console":"^2.0.0","@storybook/addon-designs":"^7.0.5","@storybook/addon-essentials":"^7.0.6","@storybook/addon-interactions":"^7.0.6","@storybook/addon-links":"^7.0.6","@storybook/react-vite":"^7.0.6","@storybook/blocks":"^7.0.6","@storybook/react":"^7.0.6","storybook":"^7.0.6"},"main":"index.js","keywords":["figma","storybook","integration","figma-storybook","design","frontend","react","codewithac"],"license":"ISC","gitHead":"5ca0a3ec9e184a7be7e5f52146bb78982443eae8","_id":"@codewithac/figma-storybook-integration@1.0.4","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-d6kOc4+JPpFy7EHQS1gByd4dQLjGTGqtkRngDguye1D0i/bJuHWvOyRLxjqe/35rcNVxm/xxMIxjJuMnwjxNfw==","shasum":"20890bd23b00bc7124362d27d32bc11e063cd7ce","tarball":"https://registry.npmjs.org/@codewithac/figma-storybook-integration/-/figma-storybook-integration-1.0.4.tgz","fileCount":33,"unpackedSize":559194,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtDC3kfD03AT141s7FThC5h1KteUtWOqwtYCIsErm/NwIhAPIefT+BjTIMUHAvO5It2U/sfTrKlRQZGgsVV3brpZYx"}]},"_npmUser":{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-storybook-integration_1.0.4_1697093056809_0.5803791983264239"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-11T15:22:35.121Z","1.0.0":"2023-10-11T15:22:35.555Z","modified":"2023-10-12T06:44:17.337Z","1.0.1":"2023-10-11T15:29:04.774Z","1.0.2":"2023-10-12T06:40:29.710Z","1.0.3":"2023-10-12T06:43:00.001Z","1.0.4":"2023-10-12T06:44:17.115Z"},"maintainers":[{"name":"abhishekchaturvedi-07","email":"abhishekchaturvedi789@gmail.com"}],"description":"How to integrate Figma Properties into Storybook - By CodeWithAC","keywords":["figma","storybook","integration","figma-storybook","design","frontend","react","codewithac"],"author":{"name":"codewithac"},"license":"ISC","readme":"# How to integrate the Figma design library to Storybook\n\nGIT: *https://github.com/abhishekchaturvedi-07/figma-storybook-integration*  \n1- You need a Figma Frame / Component Link  \n2- You need a component where you can set up your required parameters  \nMAKE SURE ABOUT THE DESIGN TYPE\n\n```\nparameters: {\n        design: {\n            type: 'figspec',\n            url: 'https://www.figma.com/file/QqXWSdBmrFTj2Hd0bojWleYv/Figma-Embed-Example?type=design&node-id=0-2&mode=design&t=gIfsIxAsTnLhuW8A-4',\n            accessToken: \"<CAN BE GENERATED FROM HERE>\",\n        }\n    }\n```\n\n3- You need to generate the token from figma developer account!\n","readmeFilename":"README.md"}