Giter VIP home page Giter VIP logo

sketch-batch-create-symbols's Introduction

alt="Sketch Batch Create Symbols"

Download from Sketchpacks.com Compatible Sketch Version

Overview

In Sketch, when you have a bunch of layers that need to be converted to symbols you have to select them one by one and use the 'Convert to Symbol' function. Multiple selections will be merged into one symbol.

This plug-in will create a symbol for every item that is currently selected. This is really handy when you need to convert a bunch of layers to symbols.

Usage

Select the shapes, layers, images, or groups that you want to convert into symbols. Then from the Plugins menu, choose 'Batch Create Symbols' and pick one of the options.

Use Layer Names will create symbols and use the existing layer names.

Use Custom Names option will allow you to add your own name that the newly created symbols will use.

This works by taking the name you enter into the input and adding a number after it for each symbol to be created.

For example, if you have three layers, and you enter 'portfolio' as the custom name, each symbol will be named portfolio-1, portfolio-2, and portfolio-3.

Use Custom Prefix option will allow you to add a prefix to the exsiting layer names followed by a dash (-)

Use Custom Folders allows you to create symbols within a folder structure.

If you select a layer or multiple layers and choose Custom Folders, you can enter in a series of names separated by slashes to create a series of nested folders in the insert symbols menu.

For example, entering iOS/3x/assets/ would create iOS>3x>assets>symbol-names.

Please note: you must have a trailing slash at the end of your folder structure for this to work properly.

Manual Installation

  1. Download from Github
  2. Unzip
  3. Locate and double-click on the BatchCreateSymbols.sketchplugin file
  4. When Sketch alerts you that the plugin has successfully been installed, you are ready to go!

Install Sketch Batch Create Symbols with Sketchpacks

Changelog

v 2.0 - Updates to support Sketch 66. Adds custom prefix option. Thanks clemens-schulz & michelve!

v 1.1 - Add Use Custom Folders option. Thanks PsyGik!

v 1.0 - Initial release.

License

Licensed under MIT.

sketch-batch-create-symbols's People

Contributors

adamkirkwood avatar demersdesigns avatar michelve avatar psygik avatar

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

sketch-batch-create-symbols's Issues

Awesome plugin! But it wraps the artboards inside the symbols which is hard to work with ๐Ÿ˜ข

Love this plugin, super helpful! There are two issues that could do with adjustment if you're still maintaining the plugin:

  1. Using this plugin sends symbols to a 'Symbols' page, even if the user has deleted the original symbols page. It would be great if there is no symbols page, that the symbols just replace the selected artboards, not create a new symbols page. (reason: I create Sketch libraries, and so I use the files for hundreds of components. I no longer use the 'Symbols page' but use pages to define the categories of components).

  2. Batch converting to symbols wraps the artboards inside a symbol. Because each symbol still contains an artboard, you cannot select content across multiple symbols. This is frustrating when trying to change certain attributes (border colour or overll dimensions) across multiple symbols. Please remove the artboard :)

I have a screen recording to demonstrate the examples, but can't upload it here, let me know if you'd like me to send it directly.

Thanks again for the time put into this plugin, I hope to see these updates in future! ๐Ÿ”ฅ๐Ÿš€

Create Symbols Page

If there isn't an existing Symbols page, we should create one. Otherwise, the newly created symbols don't end up there...

Add support for folder

Using custom names, we are able to create folders, but the symbol created ends with a number instead of layer name.

Sketch 66

Hi,
I don't know why but it seems that with the version 66 of Sketch, the plugins doesn't work anymore ๐Ÿ˜•

Thanks

Not working in Sketch 84

Trying to create using layer names, but nothing happens. Please fix - I love this plugin and use it a lot. Cheers.

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.