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

learn more… | top users | synonyms

0
votes
0answers
9 views

How can I create perspective in Sketch 3

Is it possible to create perspective in Sketch 3? (i.e. https://www.behance.net/gallery/26322013/SkyAdventures) In Photoshop, I would use a perspective tool, but I'm not sure how to do this in ...
0
votes
0answers
8 views

How to make an image fade to transparency in Sketch 3 [duplicate]

I want to create a background image that smoothly fades into transparency (i.e. https://www.behance.net/gallery/24034607/WhatsApp-for-OS-X ) In Photoshop, I would just use the eraser tool to achieve ...
0
votes
1answer
17 views

Sketch3: Can you connect two vectors and change their colors by selecting only one?

Let's say I have a line graph with 30 lines, and a legend with 30 circles. Can I link the circle to a line in such a way that when I change the circle color, it'll automatically change the color of ...
0
votes
1answer
28 views

How to make vector templates from CSS frameworks?

I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that. My first thought was to print to PDF and dissect it from there, but then ...
-1
votes
0answers
27 views

Is there any way to run Sketch 3 on Windows? [on hold]

I have tried a lot to find the way to run Sketch3 on Windows. Can anyone help me how to do it? http://bohemiancoding.com/sketch/
0
votes
1answer
39 views

resize svg file width 100% and height fixed.

I made this svg file with sketch.app. <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="478px" height="36px" viewBox="0 0 478 36" version="1.1" ...
1
vote
1answer
960 views

How to share Global Colors in Sketch App?

I am trying to share a very extensive color palette that I have created in "Global Colors" in a Sketch file. I need to share this with a coworker, but when I send the file to them and they open it on ...
2
votes
2answers
99 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 cuts the work for the web-dev in half for Photoshop. Now I am curious if anybody has come across/up with a ...
1
vote
1answer
24 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 ...
0
votes
1answer
26 views

Sketch 3: Exporting invisible layers? Best practice of designing hover elements?

I'm designing a website with a dropdown navigation. I'd like to export this to InVision to make it interactive. Therefore I need all elements separatly. Right now I have the dropdown as a ...
1
vote
1answer
28 views

Sketch - when alpha blending images on top of each other the layer on top is always darker

I have two images that I would like to overlay on top of each other and alpha blend them equally. I import them as two different layers, and lower their opacity. Even when they have equal opacity ...
0
votes
0answers
33 views

How can I export a blur image? [duplicate]

I am using Sketch to create my design. I have created a view that is blurred. So if I put it on any other image, it will make it blurred. Now I want to export this blur, but I seem to be unable to do ...
0
votes
1answer
50 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 ...
1
vote
1answer
44 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
78 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
268 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
126 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
33 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
69 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
332 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
66 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
24 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
88 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
59 views

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

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
49 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 ...
1
vote
1answer
350 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
1k 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
161 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
42 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
95 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
44 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
160 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
310 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
43 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 ...
1
vote
2answers
610 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
158 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
288 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
116 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
201 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
636 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
503 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
82 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
99 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
1k 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
93 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
93 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
83 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
294 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
114 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 ...