{"_id":"@dreipol/storybook-figma-addon","_rev":"17-3e6a94702285faed1a5c2499653bd50f","name":"@dreipol/storybook-figma-addon","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.0":{"name":"@dreipol/storybook-figma-addon","version":"0.0.0","author":{"url":"http://dreipol.ch","name":"Dreipol","email":"dev@dreipol.ch"},"license":"MIT","_id":"@dreipol/storybook-figma-addon@0.0.0","maintainers":[{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"},{"name":"nirazul","email":"rouven.buehlmann@dreipol.ch"},{"name":"faebeee","email":"faebeee@gmail.com"}],"dist":{"shasum":"72498aa27e34d47f7a776f639ee6ac18b06ea8b2","tarball":"https://registry.npmjs.org/@dreipol/storybook-figma-addon/-/storybook-figma-addon-0.0.0.tgz","fileCount":23,"integrity":"sha512-l/s0kIMFoIsYnwol+PCzx8XKJNUB+Lym1Zau3pA5Zv9qeVd0yOGRkEoeKtu17hUH13r6jPTsMsbzmUkD/7+Ptw==","signatures":[{"sig":"MEUCIQCoxP9eJ9fpvPKuBmkxSqe04Sewc+gikCDGhIrW3seEGQIgWBYeDmuZmK/Ny/ohxL/em7giunD+bKKMSNttRFrFlR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8TB8CRA9TVsSAnZWagAAdWkP/16o9xvyuqDC4tAevSXR\nW8vSQzIIh3ZdY1IilRTEWWW6P4gCa6abSA8F/Mopoo88hku1UCGb74hslA4/\nzA8K9aX4qzU8FRBffmoyOXgMdvFtEULrwkxf5yAgOfPA9z8N1Dxpir9I7yif\nKWMIt+GQHFCPk2DOJHC4fvHNAGajKaCJSMeTwxGW+feMgogg+6NpZdM+z37F\nvVqLU5nZHN0eCcKi+WZMbWH7RSu+iWltRPUqwDhEDRfHuAsHQrqK/3PHriDq\naKNLBhxBsQX5cCRb7p1SlWhlCTIHmj1gVka5BBiLP3wxFAVT+ELfR9E4h/rQ\nvz5Kh0yZeRKMiDm+MhgbFCY0oCb4lnWLL1vl8g+KpKMMbywK7wP5evKhOxxz\n/4LB/jVppb+Bb9xUxja05p5AKHrSk9G4d7Q3RElOo/QSawPydmvF96PPYh+t\nk75ZB0jFqaaqE97G63p1ual+0bUtRN1cpxLsNUFasytAffFz00xNRnk4l9ox\nmgelIH07JexVr+PhJSIjWG6n+6Nh+MIZMtyBGuVYZBQWVS1vgcjeMKarX523\n1nClKoAvcKl31lef9c8o5XyEY1k139jWPjhEiD0VWWBD20aeOhiLqRSqvq7r\ngCx2esyMPMbm0dpSOtCr9TX8Dd8CO9tu7BS9av2YcPeL+vugDSYdy6PDhXZC\nkgLD\r\n=8YhE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","gitHead":"a7627cfb4b43b7fcce8e7a0843ea0ce32a4fc49f","scripts":{"test":"eslint src/*.{ts,tsx}","build":"tsc"},"_npmUser":{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"},"_npmVersion":"6.9.0","description":"Figma storybook addon to embed private and public figma projects","directories":{},"_nodeVersion":"10.15.3","dependencies":{"lodash":"^4.17.11","@storybook/addons":"^5.0.0","@storybook/channels":"^5.0.11","@storybook/components":"^5.0.11","@storybook/core-events":"^5.0.11"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.8.4","eslint":"^5.16.0","lodash":"^4.17.11","typescript":"^3.4.5","@types/node":"^12.0.3","@types/react":"^16.8.19","@types/lodash":"^4.14.132","@types/webpack-env":"^1.13.9","eslint-plugin-react":"^7.13.0","@dreipol/eslint-config":"^6.0.4","storybook-addon-designs":"^5.1.0","@typescript-eslint/parser":"^1.9.0","@typescript-eslint/eslint-plugin":"^1.9.0","@dreipol/eslint-config-typescript":"^1.0.0"},"peerDependencies":{"react":">=16.8.0","storybook-addon-designs":"^5.1.0"},"_npmOperationalInternal":{"tmp":"tmp/storybook-figma-addon_0.0.0_1559310459751_0.46047970745509725","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@dreipol/storybook-figma-addon","version":"1.0.0","author":{"url":"http://dreipol.ch","name":"Dreipol","email":"dev@dreipol.ch"},"license":"MIT","_id":"@dreipol/storybook-figma-addon@1.0.0","maintainers":[{"name":"faebeee","email":"faebeee@gmail.com"},{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"}],"dist":{"shasum":"5208910df63aff4eabc90f62edaaf80debde401c","tarball":"https://registry.npmjs.org/@dreipol/storybook-figma-addon/-/storybook-figma-addon-1.0.0.tgz","fileCount":11,"integrity":"sha512-n94U9BX1LlcTQPaxV9VTYTxEcQsIFyjJDp+QdnUT956APhs01aua31mzDA5VLPCmpQ80Vz46MBqiOwG8i4de1g==","signatures":[{"sig":"MEUCICq9C37UoaAmjTJiyUSkoR/SixVJFpI8kx/w5Z8o1n6cAiEA/k0bCruAYmkknwjv+4w8tSeW7eATV2MmYw4IChBwboo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4etyCRA9TVsSAnZWagAACh4P/0vPI/s5MD+SnR1Blgq6\nhw2t7485vtzaEmyAWjKAtqdtOZrBn5sUpsk2fSpZHUD8Qhru3651zcyDYhXZ\nbTrUsy8mJezjMC+vH8KmQ/U9VUomGqBO4iHVcvKrrkxr7DIrVXvDU26Sy4Fy\nWHHT3FxuqiybbFwjzUI5FoXn8LYDFnspLTPnKlG0FqyZMPjohzcZaEBJxIoD\n8QLKPL+0wvWtm6Ppf6X6iNkPENTeaNsLw878PJj12fapEWnzd5jk/pYJ9AAh\nq6NXL3dFRnW+gTjZ+WAlw4gA8FKLILXK+2/AzMt6FK31bF++AG24MDFGLD0s\nLIJk89G2FIW2v1aJO6a/Ei4LK/oCn7a3jLLQzzxfCTnB1CSxum5RTpFdIt3v\nxIQ28u/w9Mz+OkG96NMT2sYbYzhrPJvC+EtpxokgqcJ+b/vGPYAWDImYZ1Z8\ngraltTiiHyPArMyMatl7Gxm/cfk1y5Loqsw4hHe7AWFpfX3QUSygeoNPEV5P\njnEZ4OBjrzwWgT8mCryn0dpfvGeM5yV6qQnk4rXGgRbx0GsKsG5bP525jVDP\nViYFp3mL1m6eZEA9W0Qh+oxBawdkWOz2gJNWveG4ywL8fE6NRqnuETa9uhlb\n9G4haKF6CRPhG1UN3gAJVXS4L4uxGTQNczF2Zs1UD/HWQi60Xrd9659CTjfq\n5Fy6\r\n=Yki3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","gitHead":"0200c866694fa53b30e9cabb2b1249cd273ef07f","scripts":{"test":"eslint src/*.{ts,tsx}","build":"tsc"},"_npmUser":{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"},"_npmVersion":"6.14.4","description":"Figma storybook addon to embed private and public figma projects","directories":{},"_nodeVersion":"12.14.1","dependencies":{"lodash":"^4.17.11","@storybook/addons":"^5.0.0","@storybook/channels":"^5.0.11","@storybook/components":"^5.0.11","@storybook/core-events":"^5.0.11"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.8.4","eslint":"^5.16.0","lodash":"^4.17.11","typescript":"^3.4.5","@types/node":"^12.0.3","@types/react":"^16.8.19","@types/lodash":"^4.14.132","@types/webpack-env":"^1.13.9","eslint-plugin-react":"^7.13.0","@dreipol/eslint-config":"^6.0.4","storybook-addon-designs":"^5.2.1","@typescript-eslint/parser":"^1.9.0","@typescript-eslint/eslint-plugin":"^1.9.0","@dreipol/eslint-config-typescript":"^1.0.0"},"peerDependencies":{"react":">=16.8.0","storybook-addon-designs":"^5.2.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook-figma-addon_1.0.0_1591864177815_0.7223406014958669","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@dreipol/storybook-figma-addon","version":"1.0.1","author":{"url":"http://dreipol.ch","name":"Dreipol","email":"dev@dreipol.ch"},"license":"MIT","_id":"@dreipol/storybook-figma-addon@1.0.1","maintainers":[{"name":"faebeee","email":"faebeee@gmail.com"},{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"}],"dist":{"shasum":"2b9fc53cb4c710b304111255e208a7cae4572753","tarball":"https://registry.npmjs.org/@dreipol/storybook-figma-addon/-/storybook-figma-addon-1.0.1.tgz","fileCount":23,"integrity":"sha512-OCPUj9EG+WqjXEQduiM/BRBFsZdv6QwfbFBCOtHZIBUwzEk/PowF7JCV8BRAA7XlzSDxyUtaPsa+CaCPyu0u/A==","signatures":[{"sig":"MEUCIQC3BHyStQYzGJiTzVbSDUeKOyhp9BQ6BU4cOIjStuMG4AIgCyR7Psl/OPIOwmr31/fLZJLSuNKRIsDII8leP4jlOKE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4zgaCRA9TVsSAnZWagAAu6MP/2pzAjHGk+YjbdrZCPF2\n3vqXTDeaYPJr2WADAc7SS2R+Eq3kTSrbdKHxuUcQS5XOURFGx5TH77QFL4LX\nDzYvtIoy175HP0wpsHZX4EilzVNNMHKzPnabQTLO6pQWtOGL/k+W8yXxAJR7\nMIE6OrATH2inCxQU3ugn6Ss7aqm2VeAUjjzoJiBb/KxtW9phVXcmCpLTSwOQ\n9eA87V5LZiqvKvLwTDCzVggi/2zjXzhUm01CdGoCYMPvwqRGEAuAqtrzUkyp\nV3B7xJs1a+L9PsIyOZyQmkh5BP7mVy4pb0w5Hn+PYZqmYLWlmAVVm66t/1H2\nfYMEX3wE+TOTCQmZ24qfSULVB3QC58p9Cy8gQGe0pAErxR7t/DfczpagYroT\nylinMqy+AwvI3bqv2bARB57hwFhUFdnq5YQfxHQQxq9pJZhGrnE7GuVpE0d+\n3HyCszildeTSXJBjnVDEg4motzvss2SHz9cXXCz53ZvKlLPQG47gnntKeRB5\n19uEZQWG/9TZ7AeCO0hma2GeU+/YAXNUPtheTn/dbHjxmPXoeMzno74paw1O\nxntqb1UM1ca46bZomYReGcm9QNy8YOsL7/tf5BBjVdH34zFdCiHgKppbSrJy\nEQmT2K4ikVKj9anJoGEaN7YQUwMh6vVIwV/Y0PMMJaYQogtv3ogE5upr01Cz\nJAGc\r\n=0NNf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"src/index.d.ts","gitHead":"6e42d9098cdfd5115c1886e769da0abd3ceb18af","scripts":{"test":"eslint src/*.{ts,tsx}","build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"gianlucaguarini","email":"gianluca.guarini@gmail.com"},"_npmVersion":"6.14.4","description":"Figma storybook addon to embed private and public figma projects","directories":{},"_nodeVersion":"12.14.1","dependencies":{"lodash":"^4.17.11","@storybook/addons":"^5.0.0","@storybook/channels":"^5.0.11","@storybook/components":"^5.0.11","@storybook/core-events":"^5.0.11"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.8.4","eslint":"^5.16.0","lodash":"^4.17.11","typescript":"^3.4.5","@types/node":"^12.0.3","@types/react":"^16.8.19","@types/lodash":"^4.14.132","@types/webpack-env":"^1.13.9","eslint-plugin-react":"^7.13.0","@dreipol/eslint-config":"^6.0.4","storybook-addon-designs":"^5.2.1","@typescript-eslint/parser":"^1.9.0","@typescript-eslint/eslint-plugin":"^1.9.0","@dreipol/eslint-config-typescript":"^1.0.0"},"peerDependencies":{"react":">=16.8.0","storybook-addon-designs":"^5.2.1"},"_npmOperationalInternal":{"tmp":"tmp/storybook-figma-addon_1.0.1_1591949337783_0.5449599593571564","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-05-31T13:47:39.605Z","modified":"2025-08-22T08:03:10.024Z","0.0.0":"2019-05-31T13:47:39.859Z","1.0.0":"2020-06-11T08:29:37.896Z","1.0.1":"2020-06-12T08:08:57.962Z"},"author":{"url":"http://dreipol.ch","name":"Dreipol","email":"dev@dreipol.ch"},"license":"MIT","description":"Figma storybook addon to embed private and public figma projects","maintainers":[{"email":"phil@dreipol.ch","name":"philipplaeubli"},{"email":"thibault.badoux@gmail.com","name":"thibi"},{"email":"hannah.kuehne@dreipol.ch","name":"hannahku"},{"email":"hadrian.chio@dreipol.ch","name":"hadrian.chio"}],"readme":"# Description\n\nFigma storybook addon to embed private and public figma projects.\nThis addon was designed and tested only in a react environment.\n\n[![Build Status][circleci-image]][circleci-url]\n[![NPM downloads][npm-downloads-image]][npm-url]\n[![NPM version][npm-version-image]][npm-url]\n[![Code quality][codeclimate-image]][codeclimate-url]\n[![MIT License][license-image]][license-url]\n\n# Installation\n\n```bash\nnpm i @dreipol/storybook-figma-addon storybook-addon-designs -D\n```\n\n# Usage\n\n1. Register the plugin in `addons.js`\n ```js\n import '@dreipol/storybook-figma-addon/register';\n ```\n2. Set your figma project id and API token\n ```js\n import { addDecorator } from '@storybook/react';\n import { withFigma } from '@dreipol/storybook-figma-addon';\n\n addDecorator(withFigma({\n apiToken: process.env.FIGMA_API_TOKEN,\n projectID: process.env.FIGMA_PROJECT_ID,\n }));\n ```\n3. Use it in your component stories\n ```jsx harmony\n stories.add(\n 'Default',\n () => ,\n {\n // one or more figma image ids concatenated via commas\n figma: { \n ids: '14%3A160,45%3A1939',\n names: ['Buttons', 'Buttons Hover']\n },\n },\n );\n ```\n \n \n[circleci-image]: https://circleci.com/gh/dreipol/storybook-figma-addon.svg?style=svg\n[circleci-url]: https://circleci.com/gh/dreipol/storybook-figma-addon\n[license-image]: http://img.shields.io/badge/license-MIT-000000.svg?style=flat-square\n[license-url]: LICENSE\n[npm-version-image]: http://img.shields.io/npm/v/@dreipol/storybook-figma-addon.svg?style=flat-square\n[npm-downloads-image]: http://img.shields.io/npm/dm/@dreipol/storybook-figma-addon.svg?style=flat-square\n[npm-url]: https://npmjs.org/package/@dreipol/storybook-figma-addon\n[codeclimate-image]: https://api.codeclimate.com/v1/badges/fb8c4a8a6043d9e73f7f/maintainability\n[codeclimate-url]: https://codeclimate.com/github/dreipol/storybook-figma-addon/maintainability\n\n\n","readmeFilename":"README.md"}