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

learn more… | top users | synonyms

1
vote
1answer
28 views

In Sketch 3 how can I delete the excess of a shape like in Adobe illustrator?

If I merge to shapes together or use a mask in Sketch 3 I want to be able to select the 'excess' and delete. For example I have a rectangle and then I overlap a circle with it. Then I want to keep the ...
2
votes
1answer
57 views

My icon is appearing choppy and blurred on iPhone, how can I fix it?

I'm creating an iOS 8 app icon in Sketch 3. For learning purposes, I've only set the color of the icon shape and I haven't added any other layers to it. What I did: Create app icon from iOS ...
2
votes
1answer
249 views

Export Sketch dashboard to PNG…use as smart object in Photoshop

I'm creating iPhone app mockups in Sketch 3, and exporting them to PNG. I like showing them to clients in a realistic iPhone 6 mockup/photo. Ideally, I would like every time I export my artboard from ...
1
vote
1answer
70 views

Export from Sketch - vector to SVG strange output

I'm trying to export some vector icons I drew from sketch into SVG and PNG. Here are my icons in sketch: All nice and crisp. The shapes are in a group and against a mask, like so: When I click ...
1
vote
0answers
25 views

How to make diagonal guides in sketch 3?

Sketch 3 is a great vector tool. However, it doesn't appear to support diagonal guides. Any work arounds? Here is an Illustrator workaround.
2
votes
1answer
54 views

How to connect two objects as union precisely?

I'm now reading this tutorial which describes how to create a simple to-do list iOS icon. On the tutorial, the author combines two rectangles as union in Sketch 3. However, when I tried to duplicate ...
0
votes
1answer
104 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 ...
2
votes
2answers
51 views

How to reflect objects on one artboard onto another in Sketch?

I created a new file from iOS App Icon template in Sketch, and put some objects on the largest artboard there, which is 1024 x 1024 size named as iTunesArtwork@2x. However, you still have to put the ...
0
votes
0answers
20 views

Align an image horizontally relative to a mask

When I place an image inside a mask, is there a way to align horizontally/vertically that image so it's right in the center of that mask without me having to drag it around within the mask to find the ...
0
votes
0answers
58 views

How can I design in sketch for multiple sizes without exporting blurry versions?

I'm creating a visual version in Sketch of the to-be-designed website for a client. I'm working on a mobile version first. But he has an iPhone 5S with a 1136x640 resolution, while I have an 6+ with ...
1
vote
2answers
48 views

Line dimensions in Sketch.app do not match display and output [on hold]

I have a rectangle in Sketch that is 100px height. I drew a line at 100px but it shows as 99.01px yet matches height of the rectangle?
0
votes
0answers
34 views

Can I copy and paste guides in Sketch across different artboards?

I have set up some custom guides on an artboard and would like to use the same set of guides on another artboard, is there a way to copy them across ? The most obvious way would be to duplicate the ...
0
votes
1answer
212 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 ...
-2
votes
1answer
300 views

Alternate for sketch on windows platform

I saw that there is one tool called "skecth" is great for designing apps (android) and have great resources. but it comes for MAC only. Is there any tool like same power for Windows OS ?
0
votes
1answer
112 views

Why is the asset I make in Sketch 3 slightly blurred?

I'm making an app where I'm using sketch 3 to create image assets. First, I design something, click "make exportable" in the lower-right, chooses 0.5x and export it to somewhere on my Mac. Then, I ...
0
votes
0answers
30 views

How to import SVG icons to Sketch so that they don't overlap and placed in order?

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
2
votes
1answer
89 views

How to properly scale-down png assets

I do games for mobiles and web. I have all my artwork in Retina resolution. I use Sketch for slicing my artwork. During slicing I scale-down my artwork for not-Retina screens - and here I face a ...
0
votes
0answers
42 views

How to make different buttons active inside a symbol (website header) in Sketch?

I'm designing a website in Sketch for the first time. I'm getting used to working with symbols, and they are a huge timesaver. Now I want to make my website header a symbol, so that when I have to ...
0
votes
1answer
110 views

Sketch3: how do you draw a fan shape?

I'd like to have a circle divided into 4 fans, each of them is identical, if I draw the fan using edit tool, it is quite hard to get a perfect circle when four fans are combined. Is there any trick ...
0
votes
0answers
173 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 ...
0
votes
1answer
35 views

Subtracting unclosed path in Sketch

I essentially want to subtract a dotted, unclosed path from a background shape in Sketch. I can see why this doesn't work, but I'm wondering if there's a way to do what I want to do (subtract the ...
0
votes
1answer
392 views

How do I import a set of symbols in Sketch 3?

How do I import symbols from one project into another. For instance, I've downloaded the Bootstrap 3 resource, and I want to bring the symbols into another project I'm working on without copying and ...
2
votes
2answers
106 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 ...
1
vote
1answer
197 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?
0
votes
0answers
97 views

How to Create Angled Screenshots of Mobile Screen on Sketch 3

Anyone know of an easy way to create angled Mobile Screenhots on Sketch 3 like the image below? Pretty sure if I transform the image to proper angles and add shadows I can do the same thing but I ...
2
votes
1answer
143 views

How to draw an arc shape in Sketch?

Is there any way to draw an arc shape with rounded ends like this in sketch app?
0
votes
1answer
453 views

How to assign different border styles in Sketch?

I needed to assign different border styles for a shape, let's say rectangle. For example, I want to make a #666 1px top border and #333 2px bottom border like we do in CSS. { border-top: 1px solid ...
2
votes
1answer
395 views

Sketch3: where is the reflection tool? [closed]

The document here: http://www.bohemiancoding.com/sketch/support/documentation/08-styling/7-reflection.html mentioned the "reflection" tool, but it doesn't tell where it is, and I can't find it. So ...
1
vote
1answer
52 views

Sketch: Layer Mask

I'm trying to fill a layer with an image using a shape as a layer mask. I would like to have the inner shadow I added to the shape show once I fill it with an image. However, as expected, the image ...
1
vote
1answer
85 views

Rounded Corners on Subtract Item in Sketch

In this awesome shot on Dribbble by Yoga Perdana, he has rounded angles on the fire tips. I can't seem to figure out how to do it. I know he uses Illustrator, but I don't have access to it. If ...
1
vote
2answers
715 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 ...
-2
votes
1answer
87 views

Sketch is driving me crazy. Plz help

I HAAAAATEEE SKETCH. For 2 days Ive been trying to solve a problem but no solution. Plz help. Problem: I have a layer with 82% opacity on top of a background, when i choose to export only that layer ...
3
votes
3answers
86 views

Sketch subtract weird result

I have some text that I converted to outlines in sketch. Now I'd like to cut out some circles from the text, so that it looks like somebody has taken a bite out of it. When I select the circle and ...
0
votes
1answer
77 views

Export layer coordinates - Sketch 3

How can you export the (x,y) coordinates of a layer with the rest of CSS properties? I can't export position values even placing them at 0,0
1
vote
1answer
251 views

Join paths in shape in Sketchapp

I'm trying to make simple icons to use with Fontello. When I export what I've made as an svg and try importing it to fontello, it won't import it properly and it complains: "If image looks not as ...
1
vote
1answer
2k views

Creating a blurred ios 7 notification drawer style background

I'm new to sketch 3 and I really want to create that blurry background you have over the icons when you pull it down. I've followed a tutorial for blur in Sketch 3 but I didn't achieve exactly what I ...
2
votes
2answers
103 views

sketch3: how do you “swap symbols”?

In the document of Sketch3, I found that there is a function called "swap symbols", literally I think it can swap symbols of similar styles on canvas, but I can't find where the operation is located ...
0
votes
0answers
877 views

SKETCH : How to updade a Button's Symbols but not change the TextLabel's content?

So that the text can be updated freely without duplicating itself to all button instances? In other words, the button symbol just retains the styles and not the content. The closest thing i found ...
2
votes
1answer
116 views

How to reverse path orientation in Sketch.app

I was having difficulties when trying to subtract one shape from another: (the selected triangle should appear as negative space) which seemed like a bug until I tried to flip the triangle ...
1
vote
1answer
803 views

How to fade two images together in Sketch

Is it possible in Sketch3 to do a mask w/ a gradient to make these two images seemless? Basically this technique (for photoshop) http://www.wikihow.com/Fade-One-Image-Onto-Another-in-Photoshop ...
0
votes
1answer
32 views

How do I apply radius properly to the end points of this shape?

I want a radius on the two end points similar to the other corners. https://www.dropbox.com/sh/kg6vznyfnkcxm2e/AAC_NSaCXkcRZvgsRXM0Yy4Ya?dl=0
3
votes
2answers
1k 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 ...
0
votes
1answer
129 views

How to move a path object in Sketch 3?

I use Sketch 3 but why does it not allow me to move the created path object to another location by dragging and dropping it? I can grab any objects such as oval or rectangle but I cannot grab objects ...
1
vote
0answers
133 views

Snapping 2 objects together in Sketch 3

I am trying to use Sketch 3 to create some SVG icons. One of the big reasons I am using SVG icons is the ability to have multiple color however to do that, the SVG must be multiple shapes. The ...
1
vote
1answer
1k 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!
1
vote
2answers
200 views

Sketch: Apply a bitmap mask to a group of vectors

Is this something that's possible? "Use a mask" is disabled over a group of vectors. Example:
0
votes
1answer
104 views

Convert shadow to path sketch 3

Is it possible to convert the shadow of a element to a path and then flatten it in sketch 3?
0
votes
2answers
310 views

Delete or straighten one of two anchor point handles in sketch 3

How would you go about deleting or straightening one anchor point handle, while keeping the opposite handle intact?
0
votes
1answer
594 views

How to pull out the guides from ruler like photoshop in sketch 3?

I am learning sketch 3. I need to create new guides. Smart guides can't help me in sketch 3. Is there a way to do this? Thank you very much!
5
votes
1answer
154 views

How do I replicate the Apple Family Sharing Icon

I was trying to replicate the following icon from Apple as a practice. I like the gradient effect but it seem to be shared by all the circles and the base. And there is also a opacity change, where ...