Questions tagged [sketch-app]

Questions about Bohemian Coding's Sketch.app, a vector-based interface (UI) design application for macOS.

Filter by
Sorted by
Tagged with
1
vote
1answer
2k views

Apply single mask to a layer group in Sketch

I have the following icon: At this point I have tried to reduce the number of paths as much as I could but still this icon consists of multiple shapes. Is there a way to combine icon into single ...
0
votes
1answer
926 views

How do I export images for each device in Sketch?

I'm struggling to export a header image for multiple devices in Sketch. I design mobile first and I will take a large image and scale it down for the mobile header. I do the same for tablet, and ...
1
vote
3answers
2k views

Why can't I import my photoshop SVG in sketch

In sketch, I choose edit->insert image, then search for the SVG...It is listed but greyed-out and non-selectable. I can import any other valid image format. Everywhere I read about importing in ...
0
votes
1answer
350 views

Sketch convert all symbols to the same color

In Sketch, is there a way to do a batch convert process on symbols? Is that the right approach to take for something like this - How do you convert all symbol colors to the same color - such as ...
0
votes
1answer
2k views

Sketch how to export all symbols to file system, while keeping hierarchy

How do you export all symbols into folders in the file system based on their hierarchy in Sketch? For example, how do you export this to Top/Long Hair/Straight
3
votes
3answers
3k views

Modifiable progress bar symbol in Sketch

I'm trying to create modifiable progress bar symbols in Sketch. Those are rectangular and circle one on the picture below: To modify that rectangle so it would suit different percentages I created ...
3
votes
1answer
3k views

In Sketch, can you override the fill value for a symbol?

In the Sketch Nested Symbols documentation, there is a short clip showing the user changing a color in a set of symbols by toggling fills. Being in the nested symbols section, I would think they ...
3
votes
1answer
2k views

Exporting Sketch Artboards to InVision via Craft

I marked an Artboard to be exported (as PNG, also tried PDF) to be exported to InVision and then syncing the Sketch file via the Craft plugin. I was expecting the Artboard to show up in the assets of ...
0
votes
2answers
3k views

Sketch button symbol: scalable centered text?

I use labels, buttons, filters etc with text in them in my design. I created symbols for all of these to keep it easy to organize. However, when I use instances to change the text in these buttons, ...
0
votes
2answers
590 views

Sketch App + Zeplin, font book with colors?

After having some trouble with Sketch + Sympli I'm trying to switch to Zeplin. So far, so good. However, I noticed for a lot of font elements Zeplin doesn't show the color. In a photo I found online ...
0
votes
2answers
2k views

Clever way to get equal margins in Sketch app?

When I'm designing pages I want certain margins to be the same. To achieve this I currently draw up a rectangle with a height/width of X, and use this to space out the elements equally. This is an ...
0
votes
1answer
137 views

SVGs export adding pixels in preview and browser

Hopefully some simple solution to this, but basically when I export an icon create in sketch it basically adds a pixel. Is this an export problem or a rendering issue in chrome for example? (or both). ...
3
votes
1answer
6k views

How to add text in center of a rectangle Sketch

I am new to sketch and I really want to know there is anything like Button. In order to draw a button, I first draw a rectangle shape then I draw text on rectangle layer but I find it's very difficult ...
0
votes
1answer
996 views

How to combine vector paths in Sketch? [duplicate]

I am trying to combine/flatten a series on paths in Sketch. When I use Layer > Combine I get very unexpected results. I am assuming there is a fairly simple solution that I am missing here, can ...
1
vote
1answer
976 views

Convert custom icon font to copy and paste-able entities

Font Awesome has a cheatsheet where they've converted their icons into html entities that you can copy and paste right into Sketch (and other editing programs), that changes the type element to the ...
1
vote
1answer
3k views

Remove grey vertical bars in Sketch [closed]

I am getting the following lines in Sketch, what do they mean and how can I remove them?
0
votes
2answers
62 views

Sketch - Line linked to other objects

Let's say I build a diagram with list of items (text), every text is linked with line to another to show relation. How can I snap line to text object, so when moving text, line will follow it's ...
0
votes
1answer
3k views

Making a dashed arrow line in Sketch

I want to make a dashed line with an arrow, for UML, like this: However in Sketch the border is also getting applied to the arrow, so I am getting an output like this:
0
votes
1answer
215 views

How to export to folder

I want to export a group as PNG. I click Export, but I don't see a menu for choosing a folder, only a finite amount of some folders. How can I choose a folder?
1
vote
1answer
833 views

How to import SVG icons to Sketch so that they don't open each in different sketch files but all in one

Recently I got a problem, when I am importing Svg icons from one folder, they are automatically opened in separate sketch files, so I have 100 opened sketch files in total. Can someone help with it? ...
0
votes
1answer
58 views

How to move an item out of a group using keyboard shortcut?

Using option + command + arrow down doesn't move it out of a group.
1
vote
3answers
2k views

Sketch disable snap to automatic guidelines

How can I disable snapping of a cursor to the red guidelines?
1
vote
1answer
2k views

Sketch - How to batch point symbol instances referencing symbols inside a document to an external library file

I'm excited about the new library symbols functionality in Sketch. However, the transition seems it is going to be onerous from the old way with the ~50 symbols I currently have been keeping inside a ...
0
votes
1answer
2k views

Can I change the border radius of rounded end in Sketch?

When adding a rounded end to a line in Sketch, is there a way to change the border radius of this? It looks like it's default @ 50%.
5
votes
1answer
5k views

Grainy Texture Look on Shapes with Sketch 3

There is a dark, grainy look on this image (view below) that I want to replicate. How do you create this texture in Sketch 3 app? I tried to add the grainy texture on the shape by adjusting the "...
1
vote
0answers
56 views

Creating a design system file from library [closed]

We created a design system. We have over 800 symbols. We want this to use as the linked library for our clients. We also want to include a design file, quick start guide that has all those symbols ...
3
votes
0answers
196 views

Sketch: import SVGs with filters

I have an SVG with a filter tag that several elements are using. How do I get Sketch to recognize it? This is a simpler SVG, but it conveys my point: <svg width="230" height="120"> <...
5
votes
2answers
7k views

Text columns in Sketch

Is it possible to set text in columns like you can in InDesign? I can't find anything online about this.
3
votes
2answers
8k views

How to update an SVG icon colors in Sketch

I have the following SVG icon in Sketch. I want to change the sign color, but I don't know how to do it. The sign is a path , every time I change color, only the background changes. I want to be able ...
2
votes
1answer
2k views

How can I subtract a circle from an image in Sketch?

I have a bitmap and I want to subtract a circle show the background gradient shows through. How can I do that?
-2
votes
2answers
153 views

What is this style of design called? [closed]

I like this style and I want tutorials to learn how to do something like this what should i type????
6
votes
1answer
2k views

How to truncate text with an ellipsis in Sketch?

I can't find a good way to truncate a line of text with an ellipsis, like this: Is there any way to do this without modifying the text itself? I want it to add the ellipsis intelligently – only when ...
0
votes
1answer
2k views

Sketch 3 doesn't show artboards in the export window

When I click export, it only shows me 1 file that I can export instead of showing the 3 artboards that I have. How can I fix this? How do I go about exporting my artboards?
0
votes
1answer
388 views

Sketch: Quick-Export tries to create PDF instead of PNG

in Sketch, when you select an exportable artboard you get a little preview in your inspector panel. Dragging this preview out gives lets you export it, however for some reason Sketch tries to export ...
0
votes
1answer
202 views

How to use Sketch to create a six sides polygon with trapezoidals inside it?

As you can see my solution is to make a 6 sided polygon manually and it is NOT pixel perfect. I need it pixel perfect to make a repeating background using this as the base.
0
votes
4answers
3k views

Sketch: Dynamic Text and Object Alignment-Symbol Overrides

I have a symbol with an icon and text. The text is a specific distance from the icon. Together the icon and text are grouped, and center aligned to the symbol artboard. Anyone have a tip on how to ...
0
votes
2answers
108 views

Sketch: different pages saved as different files?

When designing web pages in Sketch... what is the standard way to deal with different pages? So say if I design a homepage in one file, do I create a new file for, say, an 'about' page? Or would a ...
0
votes
3answers
391 views

Scroll to top of artboard shortcut in Sketch

In Sketch, if you have a really tall artboard and want to quickly scroll to the top of it, is there any shortcut to do so other than mouse scrolls? Because the up/down keys (not the main four arrow ...
2
votes
1answer
12k views

How to make a zig-zag line in Sketch?

I was wondering how to make such lines in Sketch: source
2
votes
1answer
1k views

Resizing line icon in Sketch App leads to lines disappearing at a smaller size

I'm having a problem with a line icon symbol losing detail on resize. I have a line icon that was created in illustrator that I copied over to Sketch. I made this line icon a symbol following the ...
1
vote
1answer
744 views

How I can select UI elements inside sketch symbols for Invision Craft Prototype Tool?

I can't apply links in elements that are inside of a symbol. I don't want detach them from symbols so how I can put these elements selectable for Craft Prototype tool? Here's example for tab app menu:...
1
vote
1answer
574 views

Bidirectional gradient in Sketch

I'm trying to create a gradient both in the horizontal and in the vertical direction in Sketch. Layering two gradient fills on top of each other, one horizontal, one vertical doesn't work: the top ...
1
vote
2answers
213 views

Sketch: Is it better to make as symbol one element or group of elements as one symbol?

I am in situation where I would like to understand how to correctly organize design project symbols/symbol page to reuse them in design file later by different person. For example, I am making a web ...
2
votes
1answer
7k views

How can I use color overlay like the one Photoshop has, on SketchApp?

Title says it all, are there any options on SketchApp like this:
1
vote
1answer
2k views

In Sketch: Can you fill a closed shape created by an open vector?

I have a series of vectors such as image A, connecting to form a knot, or maze-like design. I want to fill the closed portion as in B. But the fill feature sees the open vector and gives me C. Image ...
5
votes
1answer
17k views

Sketch: vertical text alignment

When working with Adobe InDesign it is possible to select how text will be aligned vertically: I am especially interested in having the text vertically centred and was wondering if this is also ...
0
votes
3answers
4k views

Override position of image in symbol (Sketch app)

I have a common use case in Sketch where I'm designing a block with profile content, including an image. The block is a symbol and the image is a nested symbol inside this, with a circular mask. My ...
0
votes
1answer
860 views

How to draw a one-side dotted border

In Sketch I know how to draw a one-side border (using shadows) and I know how to draw dotted border. But what would be the most elegant way to draw an only-on-one-side dotted border? One obvious way ...
1
vote
3answers
5k views

Sketch: Text on Path not preserved when exported to SVG

I am creating a vectorized version of my school's logo because we currently only have a low-res bitmap version. The logo includes text on a circular path, so I used the Text on Path feature in Sketch ...
0
votes
1answer
42 views

Making a complete arc out of a rectangle upper part in sketch

after some months I am playing with sketch app but can't find the option to apply max. border radius on a rectangles upper half creating a complete arch. Any ideas? In Illustrator this is dead simple....

1
3 4
5
6 7
13