44
votes
Accepted
Sketch: Can I round the end of a line vector?
You can select your border and then click on the cog symbol at the borders panel. Then choose your ends and joins in the dropdown, that appears.
39
votes
Accepted
How do you export the original image that was inserted in a Sketch document?
Make a duplicate of your Sketch file
Rename the file extension from .sketch to .zip
Extract the zip file
Find your image in the /images subfolder of the newly created folder
26
votes
Combine Two Vector Shapes into One, With One Path (in Sketch App)
Select the layers that you wish to combine.
Press the "Union" button in the tool bar, or from the to menu, choose Layer > Combine > Union. (You already got to this point, of course.)
Layer > Paths > ...
23
votes
Sketch app: Is it possible to delete part of border of shape?
select the shape you want to edit. Go to Layer->Paths->Scissors. Click on the path you want to delete. This deletes path between two anchor points. You can add anchor points by double-clicking on the ...
23
votes
Alternative for Sketch on Windows?
After trying a bunch of Windows applications, I haven't found anything equivalent to Sketch for Windows. And no, Illustrator and such are NOT Sketch alternatives. Fireworks is probably the closest, ...
23
votes
How to add a break line in a Symbol override?
Option + return inserts a new line of text, whilst control + return inserts a line break.
22
votes
Accepted
How can I alter a square image into a circular one in Sketch?
That's actually quite easy. There are two ways to do it:
1. Use a Mask
Best way IMHO, as it gives you more flexibility / editing options.
Import your image:
Draw a circle that will mask your image:...
22
votes
Accepted
Is there a way to 'unsymbol' an artboard in sketch?
Select the artboard/symbol, go to: Layer → Convert Symbol to Artboard.
20
votes
Accepted
Sketch3: export a group and keep the size of the transparent background
Got 2 answers for you...
Select Rectangle 6 and click on make exportable, now click Create Separate Slice Layer (the little knife) and simply drag the shown image to your desktop to export it.
(The ...
19
votes
How to set Text on Path on outside path in Sketch?
Although it's not very intuitive, it is actually quite easy.
TEXT ON THE OUTSIDE
After you've taken your "text on path", you select only the shape you used as a path and flip it horizontally.
...
17
votes
Accepted
Expand a shape in Sketch
The accepted answer seems to be deprecated as of Sketch 3.6.1
Layer > Paths > Vectorize Stroke is gone, instead now we got
Layer > Convert to Outlines
16
votes
Disable snapping to pixel grid
Yes, it is, and it is quite simple.
Go to sketch > preferences (on a mac press cmd + ,), and under the first tab (General), uncheck the first box (says "pixel fitting: Fit layers and points to pixel ...
15
votes
Creating a blurred ios 7 notification drawer style background
For anyone interested, you can achieve this effect by drawing a rectangle above your image. Then apply:
Black fill at 70% opacity
Background blur at about 25px
15
votes
Exporting a slice in Sketch with transparent background around
Hit A to create an Artboard, select the size (or set your own by clicking the + in the bottom right) and start exporting. No need to create extra layers.
14
votes
How to remove background in sketch?
Sketch 3 does have some bitmap editing options, but they are very limited.
Here's more about Bitmap editing in Sketch.
To start editing an image, select it on the canvas and double-click. You will ...
14
votes
Cutting a area from a circle in Sketch 3
You can use scissors to cut part of the circle.
Draw circle, select Edit mode, add two points, press Enter. Part between these two point we can delete later.
Select Layer -> Paths -> Scissors
Hover ...
14
votes
Sketch: how to scroll to selected element
Use ⌘+3 to center the selected layer in the Canvas.
Alternatively you can use the the menu: View>Center Selection.
13
votes
Accepted
Alternative for Sketch on Windows?
Some other valid options for 2017:
Gravit Designer:
This is a very young product and as such it's still lacking many features, but for now it's a good vector editor, and the roadmap promises a lot ...
13
votes
How to convert Sketch files to a layered Photoshop file?
Try exporting the Sketch file as a PDF. Then open the PDF file in Illustrator. From Illustrator export the document as a PSD.
Sketch File Formats
12
votes
Alternative for Sketch on Windows?
2018 update:
Lunacy — reads and saves .sketch files (native Windows app, free)
Figma — reads .sketch files (browser-based, freemium)
Disclosure: I'm one of the authors of Lunacy. I have no relation ...
12
votes
How to set Text on Path on outside path in Sketch?
i wanted to add a new answer which doesn't create transforms and/or rotations on your text-path. (if you're exporting it to SVG).
If you want the text to be on the outside of the shape you should do ...
12
votes
Disable snapping to pixel grid
You probably figured this out, but the snapping seems to be integral to the smart guides. If you turn off the smart guides, you can move and resize objects without them trying to snap align to ...
12
votes
Open source software capable of open Sketch files
While not open source, SketchTool is free and from the same company.
It's advertised as
An OS X command-line app for exporting Pages and Slices out of .sketch documents.
I don't know if that ...
12
votes
Accepted
Can't see what I'm typing in Sketch
I'm a Sketch beginner and this happened to me as well. I've realised the text colour and fills are different things. I had this setting on for my text and it was behaving exactly as you described:
...
11
votes
Accepted
Resize artboard to content in Sketch
This question has not been accepted and I think what OP were looking for is resize the artboard to fit to the content with it, and thus it got no answer so far.
While I don't know when this feature ...
11
votes
Accepted
How can I connect two disjoint paths in Sketch App?
What you need to do is this:
Expand the small path, so that its bounds extend over the outline of the oval (you'll need to click 'Close Path' in the inspector to make it a close path):
Duplicate the ...
11
votes
Accepted
Exporting from Sketch for icon font
I figured out how to export SVG from sketch for icomoon correct importing:
Step 1
Prevent SVG from being made out of borders by selecting the path group and clicking on: layer > paths > vectorize ...
11
votes
Accepted
How to fade two images together in Sketch
This is possible.
Insert a rectangle around the first image.
Select both rectangle and image, and mask it: Layer / Mask with Selected Shape.
Select the Mask and switch it to Alpha Mask: Layer / ...
11
votes
Is there a "generate CSS/HTML" feature or plugin in Sketch app
This might not be quite the answer you're looking for, but I find it better than handing mediocre, auto-generated styles to the engineers.
Selective markup
I'm sure you've discovered Sketch's ...
11
votes
Sketch 3 curved arrows
Two options:
Draw an arrow. Double click on it. Edit the nodes to make it curved.
Draw a curved line. Add arrowhead in the border options panel.
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
sketch-app × 650vector × 64
adobe-illustrator × 55
export × 38
interface-design × 38
svg × 35
symbols × 35
shapes × 33
icon × 33
adobe-photoshop × 28
text × 26
path × 23
color × 19
resize × 16
mask × 15
artboard × 15
website-design × 12
layers × 12
ios × 12
fonts × 10
alignment × 10
mobile × 10
logo × 8
workflow × 8
images × 7