Git Product home page Git Product logo

figma-export-icons's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

figma-export-icons's Issues

Add License Info

We use this quite often in our organization and would like to contribute, but the repository has no LICENSE file.
I can see that the npm page does specify this as having an MIT license, just want to confirm if that truly is the case here.

Request: Subdirectories

In our design system we categorize our icons by type. For example Arrows / Left Arrow.svg. It would be a great addition if this script could parse file names as folders and export them appropriately.

Multiple frames and pages

Hi!

Could I export at the same time 3 different frames (I have 3 icon weights)?

And multiple frames and pages? I have in the same file a multibrand icon system

Thanks!

Ability for custom configuration file paths

I have a Figma file with multiple pages and I need to export all of them into the same repo, having the ability to customize the path to my configuration file would allow me to save a config file for each page, instead of updating the config or using the wizard before I execute the script.

[Feature Request] Exclude Layers

Hi,

would be nice to exclude Layers from export via config like this for example

{
  "figmaPersonalToken": "XXX",
  "fileId": "XXX",
  "page": "XXX",
  "frame": "XXX",
  "iconsPath": "src/assets/icons",
  "removeFromName": "",
"excludeLayers": ['DescriptionLayer', 'IconLabels' ]
}

Would be helpful because the designer would also use the same Frame for describing each icon, but i don't need the labels and descriptions as a svg file

Thanks :-)

1026 icons limit

Hi!

I'm having a trouble with my icon library because I have near to 1100 icons but when I use this package Figma through an error in 1026 exports.

I suppose that is it a limit from Figma.

It is possible to have more than one config file? I could run this script with github actions 2 or 3 times to export all the icons.

Another workaround to solve this problem is welcome!

Export icons without root frame "icons"

We use your great package to create icon fonts from figma. It help us a lot.

Is it possible to export icons from page itself without additional frame "icons"? Do I need to create pull request with this change?

Changes everywhere! Figma export generate microchanges

Hi guys

I'm having a very annoying problem with Figma and export, when I use branches, something happens in layers that cause micro changes in svgs. (I don't know if this is cause by branches or just when time goes by)

This is annoying because when I change just 1 icon in Github PR appear more than 4000 icons changes :/

I'm pretty sure that is a Figma issue.. but I don't know if this package could provide a solution

A PR with this problem (I just include 1 icon in figma file) โ†’ Telefonica/mistica-icons#293

Thanks!

Add support for frames nested within groups

I ran into an issue when we started implementing the atomic design principles on our project and grouped our frames by levels.

This resulted in the icon export tool breaking because the Icons frame was now not a direct descendant of a page, but a child in the 'atoms' group.

I have opened a Pull Request with the fix for this issue for your consideration ๐Ÿ™‚

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.