{"repo":"marcomontalbano/figma-export","free":true,"listed":false,"github":"https://github.com/marcomontalbano/figma-export","clone":"git clone https://github.com/marcomontalbano/figma-export.git","description":"Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website.","language":"TypeScript","stars":349,"topics":["figma","figma-export","svg","components","mocha","cli","coveralls","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"Export tool for Figma. You can easily and automatically export your figma components and styles and use them directly into your website.     :sparkles: In Short Components You can export your Figma Components as SVG and use them inside your website. This is particularly useful when you have your own icon set and you want to keep your website icons up-to-date with your Figma file. Styles You can export your Figma Styles into different output like .sass format, .scss format, Style Dictionary tokens or you can create your own outputter. If you want to keep the style of your Figma file in-sync with the .css of your website, this is a must-have. :art: Colors (paints) - [x] Color - [x] Linear Gradient :lollipop: Effects Shadow and Blur effects cannot be combined together since they use two different CSS properties. - [x] Inner Shadow - [x] Drop Shadow - [x] Layer Blur :pencil2: Text - [x] font-family - [x] font-weight - [x] font-size - [x] line-height - [x] letter-spacing - [x] font-style - [x] font-variant - [x] text-transform - [x] text-decoration - [x] text-align :old key: Personal Access Token First of all you have to set the environment variable FIGMA TOKEN . To do so, you need a Personal Access Token . You can generate one from your Account Settings . Inside the Account Settings click on Create a new personal access token and enter a description. Copy the token, this is your only chance to do so! You can use dotenv or export the variable using .bash profile / .","default_branch":null,"files":null,"tree":[],"storefront":"/r/marcomontalbano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/marcomontalbano/figma-export/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}