Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.
43

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.


32

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


24

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, and it's no longer supported by Adobe. It seems that they are now creating a copy "heavily inspired by Sketch" app: Project Comet. We'll see how it goes, but ...


22

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: Move the circle behind the bitmap using the Backward toolbar icon: Use the circle to mask the bitmap, by selecting it and choosing Layer › Use as Mask from ...


21

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 > Flatten will merge the shapes into the same path.


21

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 object.


20

You've probably solved this by now, but for the sake of others who hope to make Sketch their Adobe killer (like me) here's the real answer. Sketch's arrow shape tool sucks. You're problem lies in the stroke end style. Take a look at these arrows and their corresponding stroke end settings. This one is sucky. This one is less so. I've also noticed a ...


20

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 better answer) Instead of using a transparent rectangle, create an Artboard. Hit A and drag a 50x50 box. Add your star, select the Artboard and click Make ...


19

Option + return inserts a new line of text, whilst control + return inserts a line break.


17

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. SQUEEZED TEXT To "unsqueeze" the text, you can go either two ways: 1) Kern the letters until you're happy with the result or 2)Select the shape you used as a path ...


15

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

Select the artboard/symbol, go to: Layer → Convert Symbol to Artboard.


14

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


14

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 see the inspector update with a few special tools. You might wanna try your luck with Magic wand and then the Vectorize option below it. Although you'd ...


14

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 more: symbols, sketch import, prototyping, etc. It's great advantage as of now, is that it's free! It's available for Mac, windows, linux, and even online. Edit:...


13

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.


13

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 bounds"). Done. :) Hope it helped. Take care,


13

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

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 big oval: Select the newly duplicate oval and the small shape: Select Layer › Combine › Intersect: Select Layer › Paths › Flatten: Ta-da!: Hope it helps :)...


12

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 to Figma.


11

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 stroke To know that this has worked, the strokes where transformed to closed paths and the inspector now displays the fill color instead of the border color. ...


11

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 / Mask Mode / Alpha Mask. Fill it with a Linear gradient, set the start color to transparent and the end color to black. Adjust the angle of the gradient from top/...


11

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 everything else. View > Canvas > Show Smart Guides.


11

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 context menu CSS grabber. You can select as many objects as you like and you'll get the CSS on your clipboard faster than you can paste it. There's no selectors of ...


11

Sketch is capable of exporting PDF files. I would simply ask the designer to send you a PDF version of the art; any other solution will be overly convoluted.


11

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 means that you can export to .pdf, but I'd assume that you can at least export to something that's not .sketch. Otherwise this command line tool would be almost ...


11

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: Once I changed that to something other than white I could see it again while typing!


10

Thanks for your response; your solution is a considerable alternative to the one i've figured out. (subtract>scissors>rotate) (Note: By half covering the circle by the rect you can also create an 180 deg circle.)


10

After you insert a new symbol you can right click on the layer and "Detach from symbol" Now scaling it will only effect that one instance.


10

Use ⌘+3 to center the selected layer in the Canvas. Alternatively you can use the the menu: View>Center Selection.


Only top voted, non community-wiki answers of a minimum length are eligible