sketchplugins / plugin-requests Goto Github PK

Animation is becoming an essential design consideration to handover to developers but is very lacking. Anima is too expensive!

Hello!

New to Sketch... when trying to run the Replace Font.sketchplugin I get the following error:

ReferenceError: Can't find variable: doc
stack: onRun@/Users/CDura/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Untitled.sketchplugin:5:20
line: 5
sourceURL: /Users/CDura/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Untitled.sketchplugin


Script executed in 0.007434s

Sketch Version 3.3.2 (12043)

I would like to have a way to export my text inside the layers for localization. Then replace them automatically by importing back the localized sentences.

Currently, when looking at the raw data of the file (without opening the Sketch file). You only access and edit the layer's names (from the field "name":)

Hi!

It would be nice to have an automated icon sync with the Google Material Icons resource. The icons were recently moved and updated to the Google Fonts. Symbols can't be used directly on the Sketch canvas without some manual work. With this plugin, based on the Github repository the power of Google's Icons in SVG meet the power of Sketch symbols so they can be embedded into and switched with other symbols. Also, new icons can be updated directly.

Best,
Jochem

Feature to import Photoshop PSD files whilst maintaining layer and page structures.

This would allow for any prototype-action to be triggered by any key/button press. I didn't find anything in this direction. Or did I miss something?

I'd start doing it myself otherwise :)

I have tried your dump selected object function, both with Sketch 3.1.1 and 3.2, and it doesn't seem to work (I'm not getting any useful information). An example:

## obj class is: MSRectangleShape
[…] Plugin)[73759]: ######################################
[…] Plugin)[73759]: obj.properties:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.propertiesWithAncestors:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.classMethods:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.classMethodsWithAncestors:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.instanceMethods:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.instanceMethodsWithAncestors:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.protocols:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.protocolsWithAncestors:
[…] Plugin)[73759]: (
[…] Plugin)[73759]: obj.treeAsDictionary():
[…] Plugin)[73759]: {

Hi there,
very useful plugin... however in my version of Sketch (3.7.2) it doesn't change the font family when the font is located inside a symbol.

Want to develop a plugin that changes/swaps the symbols conditionally if the symbol size or artboard size is changed. This way we can mimic a fully responsive design and for example, generate/check designs only by adjusting the artboard size. For example, we can design mobile or small screen versions of the symbols that will be swapped automatically if we resize the artboard.

Can we get dialogue box that displays the image scale percentage in a window when an image is placed, similar to Adobe InDesign. I have looked and there isn't a plugin like this out there. I would like to resize the image by entering a percentage value in scale dialogue box.

Thanks.

It would be awesome to have an assistant to check for the following:

• All text elements are using a shared text style and
• All layers are using a shared layer style
• All elements with a fill / border are using a color from the document color palette

Hello,

I'm writing a plug-in for my coworker designer and I have faced very strange problem. While do_objectID (as parsed from file) or layer.id (as read by plugin or script) look like UUID, they repeat. Not only between files, but also within file. Can you clarify if this is a bug and what are minimum uniqueness guarantee for layer.id? Global (obviously broken), within document (obviously broken), within artboard, within parent layer?

I find this plugin still can be used in the latest sketch 41.2 and wondering if we can remove hidden layer in selected Artboard :D

This is one of the best plugin I use often!

When working with libraries on a fileserver sketch gets confused as soon as wifi connection changes/macbook is hibernating and linked libraries are not accessible anymore.

Currently this can be workarounded by disabling/enabling all libraries or restarting sketch, whichever is faster.

An Action to do the first workaround on a shortcut/button press would be awesome.

When I export an icon as an .svg that contains padding (the empty space from the icon to the borders of the artboard), the padding seems to get lost when saved. A plugin that would preserve this would be super useful. I think Adobe Illustrator already respects the artboard when exporting to SVG.

It would be extra nice if it would still work when using the SVGO compressor plugin

It would be great to have a checklist/ to do plugin

Hi guys,
I don't think this work with Sketch Version 3.0.4 (8053)

Scaling from a certain start point is currently a pain in Sketch.
Having a reference point locater visible and interactible (is that a word?) in the side bar would be immensely helpful

Please can we look at integrating the ability to transform/ distort like the free transform like in Photoshop.

This allows bitmaps to be transformed to create perspective in our designs plus if we could do this for symbols - we could create then use symbols to rapidly generate out pre transformed images

I am creating a page layout design and in between all the components I have little spacer icons. This is useful for devs but when presenting the screens to product owners etc they distract from the design. I know an option is to group all those spacer layers and turn them on and off but I wanted to see if anyone has / knows of a plugin to do the job. I know I can do this but when we have multiple people working on files with different sketch knowledge a simple override option built into the component would make this super easy.

Think it could be a useful plugin. If you could assign your components a variable and then in the overrides this allows you to turn off any component with that variable name.

I would like to be able to built a sketch file via the command line or applescript. Currently I have to make clickable prototypes out of pngs. I can already parse the png files for height and width via command line and would like to have the artboards created and images placed automatically. That way I could just write an applescript to select the images and that then creates the sketch file for me and all I have to add are the navigation symbols button links and sync it to invision via the craft plug in.
Best, Patrik

Long time user, first time poster here. While trying to update my existing designs to take advantage of smart layouts, I find myself needing to shrink each and every instance of every symbol I am making smart. That's not smart.

Am I missing an existing feature?

If not: anybody willing and able to provide this functionality in a plugin?

My idea would be: select an instance of a symbol or the symbol itself (if in the same doc). The plugin would then find all instances of the same symbol in a page or document (Dialog: shrink all in [page], [document] or [cancel]) and shrink them. Doable?

It would be great to have a community help organization to help people who are building their own plug ins or forking existing ones. I have a few questions right now, and I don't know where to go.

能否开发压缩图片的插件，现在好的插件不能用了

As every team uses design systems to build their products, the importance of px is becoming lesser. Once a component is defined, only the token names are valuable.

An Assistant that checks vertical spacing between elements based on the kind of element.
Space between:
H1 and Body component = 24px
H3 and textfield = 16px
textfield and textfield = 16px
textfield and H3 = 24px
...and so on

I would love if it was possible to make a Master template, where the text styles and not only the symbols was synced across documents.

Now, we import and export a Json file, with the text styles. But if a changed is made.... shit.

Hey!
Some abandoned plugins used to do it rather well (https://github.com/pravdomil/Sketch-Show-Bounding-Boxes) I know that lots of designers — including myself — really appreciate having all bounding boxes on screen to gain precision in order to be pixel perfect. Well I'de be happy to have a built-in solution or a plugin.

I am using sketch from the beginning. Now sketch is subtle and working great from various angle. So if we get feature of object/scene animation that will be really great! Using multiple platforms is good but for quick work, the sketch should be enough for app designers to create and animate UI for native and flutter app.

Hello,

The idea is to utilise a Contentful API within the sketch layer so that a designer can seamlessly work with a content team to design with real data. This would bring a huge opportunity to closely work with dev teams and QAs.

If you have a text field in a symbol and then create an instance of the symbol.
You can edit the text but if you make a word bold once you commit the override it resolves back to the original font weight.

I was willing to use this plugin since is the only one I can find to replace a font from all layers in an artboard, but once downloaded, I selected the artboard, hit "Replace Font" within the plugins menu, and it did like a flash (like a fast blink) but nothing didn't happened.

At that point, the pop-up should have come up I think, but it doesn't trigger it well.

Let me know if you need more details!

Problem: Using the Accessibility Assistant, my team has encountered a scenario where text placed over an image is not being tested for accessibility. It is only testing text against shapes and various objects with a solid color. I understand that there might be technical constraints preventing this feature to be developed as it heavily depends on the information of the image, placement of text, and several other complex conditions, but it is something that is desired and longed for.

Proposal: Add a testing case to the accessibility assistant that will cover the color contrast of text that is placed over an image (raster such as jpg or png or vectors such as SVG and eps).

Is this a thing already?

Is there a working plugin to export all files in a folder to PNGs? I tried running the code below from the "run custom script" dialog and I couldn't even get it to run for a single file.

I kept getting the error
ReferenceError: Can't find variable: com
line: 12
sourceURL: /Users/username/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Untitled.sketchplugin
column: 22

// Export all artboards in ...

@import 'library/common.js'

var doc = doc || context.document,
selection = selection || context.selection

if ([doc fileURL] == null) {
alert("You need to save your document to use this command");
} else {
var file_path = com.bomberstudios.getFileFolder(),
export_to_path = [doc askForUserInput:"Export to…" ofType:2 initialValue:file_path];

if (0 === export_to_path.indexOf("file://")) {
export_to_path = export_to_path.substring(7);
}

com.bomberstudios.export_all_artboards("png", export_to_path);
}

We sometimes need mass production of simple assets take this image, size it a certain way and add a text to it. It would be great if our creative could just upload images and put links to images plus text into an excel spreadsheet (say one column for images and another column for text - one to one image - text relationship). Then set up what size of the image to use, the font and coordinates for the text and batch produce all assets.

Sketch is becoming the industry standard UI design tool for gaming studios. I know this because I've worked at Xbox, Turn10 Studios (Forza), and now another large studio. And we all use Sketch. The issue is that NO ONE HAS CREATED a plugin for Unity! I'm pulling my face off trying to find a solution. PLEASE add this. I would be eternally in your debt.

Hi huys,
I searched for a plugin that created multiple text layers, a new text style, but I couldn't find it. of course, the way of writing layers will be written in the layer name.

sample:

• Let our file have a text style called Headline/Red/Left. (layer name: Headline/Red/Left)
• Let's write an article with this style.
• Let's copy this article more than once (alt + mouse click)
• Let's edit the layer names by selecting the texts we copied. For example: Let's write Headline/Blue/Left on one layer and write Headline/Yellow/Left on the other layer.
• Plug-in we need here. We need to create a new text style according to the layer name in our file with the plugin we will run.

So much. I'm waiting for your help. :) Thanks.

document.selectedLayers.layers[0].frame.height=100 does not do anything. The layer exists and I can get the height etc. But I can't set it. Am I missing something?

I've thinking about the possibility of a plugin that can swap out styles, colours, font's, symbols and assets on a single click. The idea here is to have a design system (Sketch Library) with 3/4 theme's that can be swapped out at any time on a single click. The best way I can explain this is by showing an example from semantic ui.

Check out the Video: https://streamable.com/npdj8

Change Fonts Plugin-
Sketch recently updated, and now when I select "Change Fonts" nothing happens.

Hey Sketch community!
Curious if there's a way to export Layer properties like X,Y, Width and Height (to start with) into a CSV?

Full disclosure: I'm a designer with very limited coding experience

I'm working with an extensive product design library, where the UI is builtg as components using nested smybols and a "folder" structure by symbol naming. I find the standard multilevel dropdown if sketch hard to use to find the icons I need quickly and put them on the stage. I would love a full height sidebar I can open (that stays open on demand) and close, where my symbols are neatly grouped and accessible as list/grid items with thumbnail previews to drag and drop them onto the stage for example. Somewhat like a simplified pallette from Creative Cloud apps. That shouldn't be too hard, right? As i'm a UX designer I could provide concept and sketches. I also would try to develop it myself, with some help of a developer. Drop me a line if you're intereted in cooperating.

A lot of the work I do involves adding things to or changing existing web pages. For some time I've been using an app called Paparazzi! to grab pages as vector and text pdfs to clean up for editing in Sketch. I was able to save some of the labor of cleanup with a custom plugin but that has broken with updates to Sketch.

A better path within Sketch would be through a plugin that could grab a web page without going through the PDF format, possibly giving a choice for which rendering engine to use (safari, chrome, firefox) to produce a cleaner capture for editing within Sketch.

I'd like to choose fonts in the menu font that could display all the collections I made in Font Book (the Apple font manager utility). For UI designers who classify their hundred fonts, it could save them a lot of time.

Be able to rename layers as a batch with unique values.

The button takes on long symbol name from a Library:
e.g "1. Simple Button / 56 / Primary / Left Icon"

Button symbol text label is overridden to be "Continue"

Layer rename plugin can batch update layers with something like:
"Button - "

Layer name changes to "Button - Continue"

I just found your plugin to export the artboards in current page to PDF and find it really usefull.
However it exports the pages in the order or the layerlist, from top to bottom. This is opposite to the way the artboards work in Sketch, if you duplicate an artboard it places it above the current artboard.

Long story short, can you make the plugin so that it exports the artboards in reverse order of the layerlist (the right way ;) )

Thanks in advance!

Through the font size, color filtering, and see the specific use of the scene.
For example: I can display all the places using font size 14 by filtering font size 14, and select highlight to display.

通过对字号大小、颜色进行筛选，并看到具体使用场景。
如：我通过筛选字号14，能显示出所有使用了字号14的地方，并选中高亮展示。

Hello,
Here is an idea that may be useful for multiple multi-brand company, or white labelled companies.
Usually they share the same UI Components, with just a theming that change (Eg. Coca Regular > Red, Coca Zero > Black)

On this context, will it be possible to have a plugin that allow the Designer to select an artboard, run the plugin that allows him to switch all symbols, text-styles, color-styles... within the artboard to another Brand Theming.

Let say we have one library BrandStyles with all styles like this :

• root
  -- Brand 1
  --- Primary : #304933
  --- Secondary: #FF2992
  -- Brand 2
  --- Primary : #293892
  --- Secondary: #FF3943
  -- Brand 3
  --- Primary : #992938
  --- Secondary: #CD394F

And one library with all the components: BrandComponent that are build by using the BrandStyle library :

• Button
  -- Primary (color : brand1/primary; Text : Brand1/button)
  -- Secondary (color : brand1/secondary; text : Brand1/button)
• Links
• ...

Can the plugin be able to switch the Folder "Brand 1" and Switch to whatever the user select as other brand ? For any symbols, text styles, or full artboards ?

Looking forward to hear from you guys.
Thanks