Giter VIP home page Giter VIP logo

sketch-icons's Introduction

Hi there šŸ‘‹

AMoreaux's github stats

sketch-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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sketch-icons's Issues

Subdirectories

I have a large icon set, divided into subfolders. Right now if I choose the parent folder, nothing gets imported. I have to go through each individual subfolder. Could it be set up to search for icons recursively?

Plugin doesn't work?

I can successfully install the plugin, but the menu items don't do anything.

Sketch version 48.1
Mac OS 10.13.2

Sketch Icon Error on Sketch version 50!

I have trouble in making for mask for icon when using plug-in on sketch version 50, could you please send me an updated version to activate this function? Thank u so much : )

Empty symbols when importing outlined icons

Hi there,
I'm trying to import the Feather icon sets. Icons are outlined, so it's only a path with a 2px border.
Once I import an icon with the Sketch-icons plugin, the symbol is empty.

I have no problem with a filled icon. I did the test myself with two icons I created: one with a fill and no border, the other with a border but no fill.

Sketch version: v48.2

Carl ā€”

Path added to shape renders the icon into square

Hi, I just installed the plugin (High Sierra, using sketch runner).

When I try to import the icons I am getting a very weird behaviour: Icons are smashed into a solid colour square.
screen shot 2018-01-23 at 19 29 18

I reviewed the output and found that the problem is caused by a squared path that is added to the icon.
sketch-icons-bug

I have 100+ icons on this project so going one by one removing the Path is just impossible. Please help! :)

Missing .sketchplugin file

Hi AMoreaux,
it seems the executable .sketchplugin file is missing in the package in this latest update.
I tried and downloaded a couple of time but nothing. In your readme.md file the link is to the previous version.

Thanks,
A

Export icons function

It could be extremely useful to be able to export a selection of icons using an inverse method of importing. I meanā€¦ I would like to be able to export without the color symbol applied to a shape mask. The shape used as mask then will have a variable hexadecimal color fill.

For example, in icomoon you can export your icons set with another color applied.

So then we would have cleaner svgs!


Perhaps it helpsā€¦
My friend @sandhose told me :
Launch the terminal, go to your assets folder et type :
sed -i ā€˜ā€™ -e ā€˜/<rect /dā€™ ./*
It will remove from the svg file the line <rectangle ā€¦> used for the color.

Problem with color mask and rotated shapes

Hi,
first of all thank you for the plugin and keeping it updated. It's really great!

I noticed the apply color mask function behaves weird when applying it to rotated shapes. I can't specify exactly what is happening, but it seems to somehow "reset" the rotation or something.

Maybe you can look into that?

I attached a sample file that shows some bugs.

color-mask-bugs.sketch.zip
.

Fail to import some Material Design Icons with mask

I want to import material design icons, and add the mask.

Most icons are perfect, except some icons like ic_battery_80ļ¼Œ ic_battery_50 series.
when imported , all the same, like the ic_battery_full.

Errors for Import Icons

When I try to import SVG files and apply a color mask, and convert to symbol, it is only importing the file, it is NOT applying a color mask, and NOT converting to a symbol. Here is the error I'm seeing in the Plugin Output console:

ERROR: TypeError: undefined is not an object (evaluating 'e.layers().reverse().forEach') Ā«Plugin OutputĀ»
ArtboardChanged Ā«Plugin OutputĀ»

Sketch 49 issues

After updating to Sketch v49, this plugin will no longer apply a mask. It doesn't allow me to choose a color symbol as the mask color from the same document or any library even though the libraries are listed in the dropdown.

After the import has finished some of the icons are not sized properly ā€“ they remain enormous in size.

Screenshot

Request: Simple creation of masked icons

Thanks for this one! I had a similar idea for a plugin to generate these icons. The huge downside is, i take a lot of stroked icons and they need to be converted to shapes so that they work as a mask. Another downside was the creation of the symbol itself. I would recommend/had the following workflow concept in my mind:

  1. Drag n drop you icon/icons (I use iconjar/nucleo)
  2. Select the icons
  3. Shortcut to create the symbol including the masking of it. A popup appears with all necessary settings
  4. Push it to the symbol page

In your workflow i have to create the stroke to shape and also the artboard itself. In most of the projects i gather the icons while i am working on the project. I am not importing 10+ icons at once.

Enhancement: Respect icon position and size within SVG viewBox/canvas

Is it possible to adopt the position and size of the icon path/shape within the original SVGs viewBox/canvas?

In other words: When I have an icon on a 48x48px canvas which is actually only 40x40px large and an icon on a 48x48px canvas which extends to 44x44px and I import them using the Plug-In, the original proportions between the two icons are lost, as both are scaled to the size defined at import (minus padding).

I know Sketch throws this information away when importing SVGs.

A possible workaround might be: Adding a rectangle of the viewBox' size to every SVG before importing and deleting that rectangle afterwards.

Awesome plugin btw, might be really useful. Thanks and congrats!

Settings

  • Default size and padding
  • Display modal to retype padding and size when replace icon. (checkbox)
  • Link to folder (#23)

"Import icons..." modal dialog lack of all input element

First of all, thank you for the greet work!
Alter I click "Import icons..." menu button, a modal dialog shows ,but not completely.
It seems all input elements in the modal dialog are missing. See attachment below.

I've tried reinstall the plugin (manually or via Runner),disable all other plugins, but neither works

OS ver:10.13.5 High Sierra
Sketch ver:45.2
stitch-icons ver:4.0.5

image

Apply color mask doesn't apply mask

When I try to apply a Color mask via Symbol it just colorizes the shapes in the symbol directly and doesn't add the color as a mask. So I can't change the color in the overrides.

Wrong version number in manifest.json

3.0.14 can't be installed with Sketch's plugin updates because the .zip referenced in the appcast.xml has the wrong version number (3.0.12) in its manifest.json.

Plugin not responding

Plugin shows no response at all. I just updated OS to High Sierra 10.13.3 running a older version of Sketch 47.1

Not working with 47.1 on 10.13.2 (High Sierra)

Just downloaded and installed the plug-in.

When I try Import, nothing comes up. Nothing seems to happen at all.

I tried disabling all other plug-ins, but that didn't have any effect.

Your PlugIn is failing

with the newest update from Sketch 52.1, there is no way to use the plugIn to import icons.

Mask not working

When importing icons or adding a mask to already-created icons, mask never applies. Running sketch 48.2 on mac.

Create symbol from Color Picker Color Source

Add option to to create a symbol from the selected color picker color.

This is more of a nice-to-have when generating large icon libraries. If you are allowing the user to pick a color, giving them the ability to convert that picked color into a dynamic symbol in the same step would compliment the plugin's intended functionality.

Remove Black Fill from Dynamic Color Masked Icons

When generating an icon with a dynamic color mask allow an option to remove the black fill on the vector shape. Currently, if the dynamic color mask has alpha transparency, it is obscured by the black fill and requires the user to have to

  1. Generate icons without color mask
  2. Select all icons and remove black fill
  3. update selected icons with dynamic color mask

Remove fill option would allow user to just generate icons without black fill.

Masks not being applied

When I select one or many artboards and try to "Apply color mask..." masks are not applied. I'm using the latest version of Sketch and I'm on the latest Mac OS.

Color mask is not working

It is not possible to import svg with a color mask, either from my custom colors or applying one via plugin.

replace mask with style

Now that sketch 51 supports layer style overrides, I'd like to move away from masks and into styles. Would love for this plugin to let me apply a layer style to all icons.

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.