figma-export

v4.0.0 (2022-01-07)

☄️ Breaking Changes

Update Node.js "node": "^12.22.0 || ^14.17.0 || >=16.0.0"

🐛 Bug Fix

• output-styles-as-css, output-styles-as-less, output-styles-as-sass, utils
  • #107 Add getVariableName option to styles outputer (@marcomontalbano)

🆙 Dependencies

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass, transform-svg-with-svgo, types, utils, website
  • #105 Update dependencies to latest (@marcomontalbano)
  • #99 Bump nodejs to 12.22 (@marcomontalbano)

🏠 Internal

• cli, website
  • #106 Build the website with NextJS (@marcomontalbano)
• cli, core, types
  • #101 Replace oclif with sade (@marcomontalbano)
• output-components-as-es6, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass
  • #100 Use native mkdirSync instead of make-dir library (@marcomontalbano)

🚀 New Feature

• output-styles-as-css, output-styles-as-less, output-styles-as-sass, utils
  • #107 Add getVariableName option to styles outputer (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v4.0.0-alpha.1 (2021-12-21)

🏠 Internal

• cli, core, types
  • #101 Replace oclif with sade (@marcomontalbano)
• output-components-as-es6, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass
  • #100 Use native mkdirSync instead of make-dir library (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v4.0.0-alpha.0 (2021-12-14)

🆙 Dependencies

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass, transform-svg-with-svgo, types, utils, website
  • #99 Bump nodejs to 12.22 (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.5.0 (2021-10-22)

🚀 New Feature

• core, types, website
  • #98 File versions (@jaredsmithpatreon)

Committers: 2

• Marco Montalbano (@marcomontalbano)
• @jaredsmithpatreon

v3.4.0 (2021-09-14)

🚀 New Feature

• core, types
  • #93 Expose the component ID in the ComponentExtras (@didoo) (read more here #92)

Committers: 2

• Marco Montalbano (@marcomontalbano)
• Cristiano Rastelli (@didoo)

v3.3.1 (2021-06-22)

🆙 Dependencies

• cli, core, output-components-as-es6, output-components-as-svgr, types, website
  • #90 Update dependencies. (@marcomontalbano)
  • #90 Fix axios vulnerability (https://app.snyk.io/vuln/SNYK-JS-AXIOS-1038255) (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.3.0 (2021-06-17)

🚀 New Feature

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass, transform-svg-with-svgo, types, utils, website
  • #87 Remove limitation to Node version (#86) (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.2.2 (2021-04-24)

🆙 Dependencies

• cli, core, output-components-as-svgr, website
  • #84 Update dependencies (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.2.1 (2021-03-24)

🐛 Bug Fix

• core
  • #81 Fix payload too large (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.2.0 (2020-11-14)

✨ What's New

• Error Handling
  • Handle exceptions from network requests
• Concurrency
  • Limit concurrency when multiple promise-returning
  • Add 'concurrency' option
• CLI Improvements
  • Run commands sequentially when using 'use-config'
  • Improve CLI log

🚀 New Feature

• cli, core, transform-svg-with-svgo, types, website
  • #80 Error Handling + Concurrency + CLI Improvements (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.2.0-alpha.0 (2020-11-11)

💅 Beauty

• cli, core, transform-svg-with-svgo, website
  • #79 Handle exceptions from network requests (@marcomontalbano)
  • #79 Limit concurrency when multiple promise-returning functions run (@marcomontalbano)
  • #79 Run commands sequentially when using 'use-config' (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.1.0 (2020-11-03)

💅 Project added to the Figma Community

🐛 Bug Fix

• cli, core, output-components-as-es6, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass, website
  • #78 Fix issue when applying opacity to linear-gradient (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0 (2020-10-04)

🎉 Figma Export v3.0.0 is out!

You can export your Figma Styles into different output like .sass format, .scss format, .less format, css format or you can create your own outputter.

🎨 Colors (paints)

• Color
• Linear Gradient

🍭 Effects

Shadow and Blur effects cannot be combined together since they use two different CSS properties.

• Inner Shadow
• Drop Shadow
• Layer Blur

✏️ Text

• font-family
• font-weight
• font-size
• line-height
• letter-spacing
• font-style
• font-variant
• text-transform
• text-decoration
• text-align

📦 output-styles-as-css, output-styles-as-sass and output-styles-as-less are out!

Release Notes

🚀 New Feature

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, transform-svg-with-svgo, types
  • #58 Extract basic styles information from a Figma File (@marcomontalbano)
• core, output-components-as-es6, output-components-as-svgr, output-styles-as-sass, types
  • #62 Create SASS/SCSS styles-outputter (@marcomontalbano)
• cli, core
  • #65 Add styles command to figma-export (@marcomontalbano)
• output-styles-as-less, output-styles-as-sass, website
  • #68 Create LESS styles-outputter (@marcomontalbano)
• core, types
  • #76 Usage of .figmaexportrc.ts (@marcomontalbano)
• output-styles-as-css, website
  • #72 Create CSS styles-outputter (@marcomontalbano)

💅 Beauty

• output-components-as-es6, output-components-as-svgr, output-components-utils, output-styles-as-sass, utils, website
  • #73 Rename package 'output-components-utils' to 'utils' (@marcomontalbano)

🆙 Dependencies

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-components-utils, transform-svg-with-svgo, types, website
  • #56 Update dependencies. Remove support to Node 8. Switch to Yarn (@marcomontalbano)
• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-styles-as-css, output-styles-as-less, output-styles-as-sass, transform-svg-with-svgo, types, utils, website
  • #77 Update dependencies (@marcomontalbano)

📝 Documentation

• cli, types, website
  • #63 Improve documentation for figma-styles (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.5 (2020-09-18)

💅 Beauty

• output-components-as-es6, output-components-as-svgr, output-components-utils, output-styles-as-sass, utils, website
  • #73 Rename package 'output-components-utils' to 'utils' (@marcomontalbano)

🚀 New Feature

• core, types
  • #76 Usage of .figmaexportrc.ts (@marcomontalbano)
• output-styles-as-css, website
  • #72 Create CSS styles-outputter (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.4 (2020-09-10)

💅 Beauty

• core, output-styles-as-sass, types
  • #67 Rename 'lineHeightPx' into 'lineHeight' (@marcomontalbano)

🚀 New Feature

• output-styles-as-less, output-styles-as-sass, website
  • #68 Create LESS styles-outputter (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.3 (2020-09-07)

📝 Documentation

• cli, types, website
  • #63 Improve documentation for figma-styles (@marcomontalbano)

🚀 New Feature

• cli, core
  • #65 Add styles command to figma-export (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.2 (2020-09-03)

🚀 New Feature

• core, output-components-as-es6, output-components-as-svgr, output-styles-as-sass, types
  • #62 Create SASS/SCSS styles-outputter (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.1 (2020-08-27)

🚀 New Feature

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, transform-svg-with-svgo, types
  • #58 Extract basic styles information from a Figma File (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v3.0.0-alpha.0 (2020-08-07)

🆙 Dependencies

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-components-utils, transform-svg-with-svgo, types, website
  • #56 Update dependencies. Remove support to Node 8. Switch to Yarn (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)

v2.2.0 (2020-07-07)

📝 Documentation

• output-components-as-es6, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, website
  • #48 Update documentation changing the Octicons path (@marcomontalbano)

🏠 Internal

• website
  • #47 Add React Snap to prerender the website during the build (@marcomontalbano)

🚀 New Feature

• cli, core, output-components-as-es6, output-components-as-stdout, output-components-as-svg, output-components-as-svgr, output-components-as-svgstore, output-components-utils, transform-svg-with-svgo, types, website
  • #50 Add support to Node 14.x (@marcomontalbano)

Committers: 1

• Marco Montalbano (@marcomontalbano)