Giter Site home page Giter Site logo

taterboom / figma-plugin-awesome-export Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 250 KB

An awesome Figma export plugin

Home Page: https://www.figma.com/community/plugin/1224919959068281380/awesomeexport

TypeScript 84.47% CSS 8.62% HTML 0.82% JavaScript 6.09%
figma figma-plugin

figma-plugin-awesome-export's Introduction

AwesomeExport

An awesome Figma plugin for enhancing the image exporting.

  • ๐Ÿง  Remember the last selected export options
  • โœจ Absolute Bounds Mode
  • ๐Ÿ”Ž Real-time display of element dimensions
  • ๐Ÿผ Support Tinypng compression

You can downlod it in Figma community.

Absolute Bounds Mode

Absolute Bounds Mode is different from Figma's default export method. It exports the frame containing the elements rather than the rendering box.

This is the preview of AwesomeExport plugin โฌ‡๏ธ

While holding down the Option key, the displayed frame is the one exported in Absolute Bounds Mode. If you use the exported assets for web UI development, the dimensions and distances to other elements will match those measured in Figma while holding down the Option key.

Absolute Bounds Mode is the default mode in the plugin, but you can also disable it in the settings.

Tinypng

If you have configured the Tinypng API key, the plugin will utilize Tinypng to compress the exported image.

As Tinypng doesn't support cross-origin requests, the plugin forwards Tinypng API requests through a cors-gateway. You can fork and set up your own endpoint.

Data

  • Export settings, Tinypng API key etc. are all saved locally.
  • The default endpoint is an open-source API forwarding service that does not store any data. You can fork it and configure your own endpoint.

figma-plugin-awesome-export's People

Contributors

taterboom avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.