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
37
votes
6answers
183k views

Alternative for Sketch on Windows?

I recently came across a tool called "Sketch", which is great for designing apps and other responsive layouts, and has great resources as well. For now, it's only available for Mac though. What would ...
27
votes
1answer
34k views

Sketch: Can I round the end of a line vector?

When you draw a line using the vector tool in Sketch, the end is squared. Is there a way to change it to a round cap similar to the option in the Stroke panel in Illustrator?
26
votes
2answers
86k views

Combine Two Vector Shapes into One, With One Path (in Sketch App)

(In Sketch, the app.) I'm trying to create a shape that is symmetrical on the vertical axis. I made one half of the shape, duplicated it, flipped the duplicate, then grouped the two together into ...
22
votes
2answers
11k views

Scaling a symbol in Sketch scales all instances of that symbol

Title pretty much says it all, but the problem is simple. Say I have a logo imported from illustrator or whatever. I make it a symbol, and then I use it in one place in my design. Looks great. But ...
19
votes
2answers
25k views

How do you export the original image that was inserted in a Sketch document?

I've inserted a few JPEG images for backgrounds into a Sketch document, and now I want to get the full-resolution images out to use on the web. I don't want to export the JPEG into another JPEG, ...
17
votes
9answers
54k views

Exporting a slice in Sketch with transparent background around

Using Sketch 3 want to export an icon, the icons themselves are 24x24 but they sit within an area of 32x32. I've figured out how to do it by combining two different layers one 24x24 and the other ...
16
votes
5answers
82k views

Disable snapping to pixel grid

Is it possible to resize shapes or move shapes without aligning to pixel grid in Sketch 3? I can use real numbers to set size like 34.5 but when resizing in convert size or position to integer numbers....
16
votes
8answers
18k views

Sketch3: export a group and keep the size of the transparent background

I have a group with a transparent rectangle as the background, I'd like to export the group, make the exported png the same size as the background rectangle. but sketch automatically trims my ...
15
votes
3answers
40k views

How can I alter a square image into a circular one in Sketch?

I want to take a rectangular image in Sketch and give it a circle/radius style. For example:
15
votes
7answers
46k views

Sketch - Arc Shape?

Is it possible to produce an arc shape with given start and sweep angle? (Using Sketch 3.0 by bohemian.coding)
14
votes
2answers
45k views

How can I create perspective in Sketch 3

Is it possible to create perspective in Sketch 3? Example: In Photoshop, I would use a perspective tool, but I'm not sure how to do this in Sketch 3. On a related note, are there any useful ...
13
votes
9answers
30k views

Open source software capable of open Sketch files

I have received several .sketch files from a graphic designer. I assume these files were created by SketchApp, which is a propietary software. Since I don't need to edit the files, but merely review ...
13
votes
3answers
61k views

Expand a shape in Sketch

Is there a way in Sketch to expand a shape? For example, let's say I have an outline of something. I'd like to expand that outline to be a solid shape so I can apply boolean operations to it with ...
13
votes
3answers
32k views

Sketch app: Is it possible to delete part of border of shape?

This is trivial in Illustrator but I can't figure out if it's possible in Sketch app. In Illustrator you would just select part of a path between 2 anchors and delete it.
13
votes
3answers
11k views

When I create an arrow in Sketch and enlarge it, the tail bursts out of the arrow

I've been creating an arrow in Sketch and whenever I adjust the Size property of the border, it decides to burst out the side of the < part of the arrow. Is there anyway to fix this, or am I ...
13
votes
2answers
76k views

Is there a "generate CSS/HTML" feature or plugin in Sketch app

I have found a script that does exactly that (generates CSS and HTML for the layers and offers an option of exporting those in % values) and cuts the work for the web-dev in half for Photoshop. Now I ...
12
votes
11answers
174k views

How to convert Sketch files to a layered Photoshop file?

I was wondering if there was an easy way to convert Sketch files to a layered Photoshop file? Sketch exports TIFFs, PNG and JPEG but they are all flattened. Anyone else have to do this? Any ...
12
votes
6answers
53k views

Resize artboard to content in Sketch

Does the Sketch app provide something like a "resize artboard to content" command? If yes, where can I find it?
12
votes
2answers
71k views

How to remove background in sketch?

I've got an image I'm trying to remove the background from and I'm not really sure how that would be done with Sketch. Any tips would be greatly appreciated!
11
votes
2answers
39k views

How to set Text on Path on outside path in Sketch?

I would like to change put the text on the outside of circle and there is an issue, when the text is placed at the bottom at circle the texts are squeezed (Image 01) together, How to sovle this ...
11
votes
6answers
31k views

Color mismatching on sketch exports

When exporting with sketch the colors I get are over saturated compared to the originals. See the capture below : The color mismatch is appearing in any software that I use to open it. The export can ...
11
votes
5answers
25k views

Sketch: Object moves relative to another object/text in symbol

How do I make an object automatically move when I change the text preceeding/"attached to" it? I'm trying to figure out how this default symbol works (gif included below) and replicate it. When I ...
11
votes
7answers
18k views

How to batch select and move multiple artboards in Sketch

I have a problem moving the selected artboards: only the first one in the batch moves while the selection had shown all N artboards selected (first and last artboards having the white small squares ...
10
votes
2answers
15k views

How to add a break line in a Symbol override?

I have a symbol with a text override, I would like to add a break-line. But I don't know if this is possible, I tried adding \n or hitting command+enter without much luck. Any idea how to achieve ...
10
votes
2answers
27k views

How do I feather a mask in Sketch?

This same question was marked as a duplicate, so it never got answered here: Sketch: How to get a feathered mask? This is not a duplicate. I'm asking about Sketch, not Photoshop.
10
votes
2answers
17k views

How to use Fibonacci numbers / Golden Ratio in logo design in Illustrator or Sketch?

I am trying to get into Fibonacci/Golden Ratio logos for some university work however I'm fairly new to Illustrator. I've used Photoshop for about 8 years and Sketch v3 since it was released. However, ...
9
votes
3answers
14k views

Exporting from Sketch for icon font

I am trying to export SVG icons from Sketch to import into Fontello, however the SVG's don't appear to be correct for the app (they also do not work in IcoMoon). The icon I am trying to create as a ...
9
votes
2answers
18k views

How can I connect two disjoint paths in Sketch App?

For example if I draw a oval and then want to paint part of it into different color, how can I connect edge points of my new path with oval?
8
votes
1answer
11k views

How to connect two separate paths in sketch app?

I want to connect the round shaped open path with the second open path. No idea how to do this in Sketch App. I've done it in Illustrator a tonne of times.
8
votes
2answers
11k views

Sketch 3 curved arrows

Is it possible to create curved (non-straight) arrows in Sketch 3? Im drawing some phases with arrows showing iterations, so I need half-circle shaped arrows going back to previous phases, etc.. ...
7
votes
3answers
35k views

Cutting a area from a circle in Sketch 3

I am having trouble on editing a specific arc from a circle. Here is what I have, which is a circle. I want it to look like this, how can I accomplish it? These are my 2 shapes. When I subtract ...
7
votes
1answer
3k views

Sketch: how to scroll to selected element

I have a large page of symbols, while creating them, I didn't do a good job of keep them aligned nicely, and as you know by default, Sketch appends the new symbol to the right of the rightmost symbol ...
7
votes
3answers
11k views

What is the purpose of having outside gutters on a responsive grid?

Sketch has the option to add outside gutters to the grid. What are these for and what would be an example of a situation where these are useful?
7
votes
4answers
27k views

Resize/transform text in Sketch?

For some reason Sketch removed text resizing some time ago, but I'd say I need the feature quite often. Currently you can change text size only via size window/shortcuts which is kinda inconvenient ...
7
votes
4answers
3k views

What are the downsides of UXPin compared to the top 4 players (Sketch, Figma, XD, Studio)?

Short question: The last 2 days, I tested various UI / UX / Prototype Tools like Figma, XD, InVision Studion and said UXPin. I'm currently working with Sketch + Craft. What I realised is, that Sketch, ...
7
votes
2answers
6k views

Sketch - move an existing symbol to the "symbols" page without breaking the connection with its instances

I have a symbol which I created and placed instances of on various artboards on Pages A and B. I created it without checking the "send to symbols page" option, so the symbol definition lives on Page A....
7
votes
3answers
41k views

Sketch: Dotted Line

Is it possible to make a dotted line in Sketch? And by line I mean the border of an object (e.g. oval). Using dashes the dots are not perfectly round: Even though I reduced the length to the ...
7
votes
3answers
1k views

How to color overlay an icon with multiple colors?

Is there a way (ideally using Sketch) to do a single color overlay over an icon that has multiple colors – while preserving the original icon's different shades? I'm trying to turn the blue folder ...
7
votes
2answers
4k views

Mirroring an arbitrary vector for symmetry in Sketch

I'm trying to convert a raster logo to vector using Sketch. I've traced out part of the logo with an open vector, but only one-half of it. Now I want to mirror (flip horizontally) a copy of that open ...
7
votes
2answers
7k views

How can I import a vector format file into Google Drawing

Apparently this is not possible out of the box. I have found some crazy workarounds that require using different operating systems and 4 different applications but I was hoping for something simpler ...
7
votes
2answers
3k views

Different color when exporting png in Sketch 2

I have a problem when I'm exporting a .png file in Sketch 2. I have an icon with the background color of #8FBE00 but when I'm exporting it as a .png file the background color is #8EC003. I have ...
6
votes
3answers
2k views

Best practice: keep icons as strokes or outline?

I am currently working on generating the icon assets for the company I work for. I am using Sketch, and am creating a large library of the icons. They are all Line icons (the style) and basically ...
6
votes
3answers
13k views

Delete anchor point in Sketch 3

I have a shape consisting of three anchor points. Now I want to delete one anchor point leaving the space between the two adjacent anchor points empty. So I follow the tried old Illustrator approach, ...
6
votes
5answers
6k views

Sketch: how to get design to developer?

I've been wanting to learn Sketch but am not sure what the process is once it comes to handing over the design to the developer. Most developers won't have Sketch as it's mac only, and even then most ...
6
votes
1answer
11k views

how do you change jpeg export quality in Sketch?

e.g. if i want to export a jpeg at 80%, how do i do that in Sketch.app? it appears to export at 96% by default.
6
votes
1answer
3k views

Exporting multiple sizes in sketch. Saving it as defaults?

I'm trying to figure out the way to keep my export sizes and prefix names as default options, When I do it to mobile I have to create 7 diferents sizes and prefixes I design in @3x so I have to ...
6
votes
3answers
9k views

Design mobile layouts using physical resolution or logical resolution?

First, some background: All smart phones these days have what is called a "Device Pixel Ratio". Essentially, it means that a web browser on a smart phone is going to interpret the screen resolution ...
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 ...
6
votes
1answer
710 views

How can I copy only the style of a border in sketchapp?

I don't want to copy the whole style of a button. I only want to copy the style of border. Is it even possible? Thanks ^^
5
votes
3answers
13k views

Is there a way to 'unsymbol' an artboard in sketch?

I'm working in versions and I just created a duplicate of my symbols page and renamed it 'Symbols v1'. I now have a page called 'Symbols' and 'Symbols v1'. The problem I'm having is that I want to ...

1
2 3 4 5
13