Questions tagged [sketch-app]

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

93 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
0answers
107 views

How to differentiate two symbol copies

In my Sketch wireframes, I'm using a list view of cards, with a single card being a Sketch symbol. To get a list view, I use multiple copies of this symbol on a screen. When I import this into ...
3
votes
0answers
44 views

Background colours are off on sketch cloud's prototype

when trying to use the prototype option on sketch cloud my background, which is white, suddenly becomes black. This happens for all my screens. How can I fix this? (This black that you see in the ...
3
votes
0answers
149 views

Sketch: import SVGs with filters

I have an SVG with a filter tag that several elements are using. How do I get Sketch to recognize it? This is a simpler SVG, but it conveys my point: <svg width="230" height="120"> <...
2
votes
0answers
35 views

How to keep corner radius of a button when it is enlarged by Anima

I use Sketch along with the Anima Toolkit to control the padding of buttons, here is a button I created for the small screen: When I increase the button text size, the button is enlarged thanks to ...
2
votes
1answer
274 views

Is there a way to edit shared text styles in Sketch?

Shared styles in Sketch are great, but what if I want to make a global change, like the font family for my H1, H2, etc.? There doesn't seem to be an obvious way to do this in Sketch.
2
votes
0answers
32 views

Dynamic chaining of properties in sketch

Is there a way to chain 2 or more properties of different layers in sketch. To give an example : Chain a fill of a button to the fill of a text layer on it, so that, in case the button H/S/B changes, ...
2
votes
0answers
45 views

Exporting Slices from Sketch results in some slices exporting original size rather than export size

I have a sketch file with many export sizes. The original canvas is 1024x1024 and it's a slice. For some reason, certain versions (like 152w) export correctly with 152x152 pixels. But others export ...
1
vote
0answers
23 views

Does sketch have the feature of Fireworks - drawing vector items + pixel editing?

Drawing vecotr+bitmap items in Fireworks is super convenient. However, Adobe had failed to make Fireworks live on and MacOS 64x has sentenced Fireworks to death. It seems the best alternative is ...
1
vote
0answers
28 views

Is there a way to convert Rectangle into Outlines in Sketch?

The problem with rectangles appears when you scale them up or down — they doesn't scale rounded corners. I'd like to keep rounded corners proportion to the rectangle size, that's why I thought that ...
1
vote
1answer
62 views

Sketch - Apply transformation to shape?

How can I apply a transformation to a shape in Sketch, so that on export it actually changes the SVG coordinate values instead of just applying the transformation with a transform-property? I made an ...
1
vote
1answer
48 views

ADA Color Contrast - Best Practices

We're currently working on a new website and ran some tests to check ADA compliance on our website. There's a color we're using that isn't compliant on certain font sizes. We also use this color on ...
1
vote
0answers
52 views

Best Approaches to streamline production design for assets

I'm looking for some suggestions for how to do best manage a design pipeline that requires lots of assets that need to be created based off a few core templates. For our marketing we have 2-3 core ...
1
vote
0answers
29 views

How should I make my icons as a part of a design system?

I'm creating a design system for a user interface design project and I want to make icons accessible for designers and developers. Icons can have different styles like: Different strokes (1px and 2px)...
1
vote
0answers
45 views

Why is the image always faded when it is inserted to sketch?

When I try to insert images to my sketch app, they're faded in white. I have googled but couldn't find the answer. What am I doing wrong?
1
vote
1answer
671 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
1
vote
1answer
114 views

Resize an element of sketch-app symbol without detaching

I use sketch 51.1 and have a symbol like this: I want to resize it in these three ways: is it a way to resize a single symbol in three different ways without detaching it? If not, what is the best ...
1
vote
1answer
2k views

Sketch rendering colors in wrong way for PNG and PDF

Sketch has been showing wrong colors when importing vector images (PDF format) and images (PNG format). I've noticed this several times. Has anyone else faced a similar issue? I followed this link, ...
1
vote
1answer
1k views

Change color of symbol and automatically apply shared style

I'm practicing creating a design system with Sketchapp. I already defined the shared style for text. The above shared style are: Black/Left/Regular/Large & Center & Right. I wish to apply ...
1
vote
1answer
2k views

Sketch - How to batch point symbol instances referencing symbols inside a document to an external library file

I'm excited about the new library symbols functionality in Sketch. However, the transition seems it is going to be onerous from the old way with the ~50 symbols I currently have been keeping inside a ...
1
vote
1answer
686 views

How to disable the “unable to distribute layers evenly using full pixels” window in Sketch

Every time I want to distribute 3 or more objects I get a prompt window that says: Unable to distribute layers evenly using full pixels. Below that, you have 3 options. I always use the "...
1
vote
1answer
378 views

Flowing/floating text layers inside symbols

One symbol consisting of two text layers in Sketch, one text layer above the other. If the top text layer has long text and goes onto multiple lines, can the bottom text layer move down somehow ...
1
vote
0answers
281 views

How can I flatten, combine, or trace non-overlapping shapes in Sketch?

Currently stuck in Sketch hell. I have a bunch of combined shapes made of non-overlapping triangles. I need them to behave like single, solid shapes so I can apply a border to them. Currently, when I ...
1
vote
2answers
1k views

Sketch3: Change font for multiple elements but keep different font sizes

In the below example, a Tag has font Didot and size 48, the below tags have the same font but size 24. In Sketch 3 (Version 43.1), can I somehow change the font for both elements (or all text ...
1
vote
0answers
853 views

Union & Intersect two shapes in Sketch produces odd result. Bug?

Please focus on the right side of the result shape. Results of union & intersect are unexpected. Is this a bug?
1
vote
1answer
289 views

How to make icon from iconjar keep pixel perfect once dragged into Sketch?

When I dragged a pixel perfect icon (svg) from Iconjar to Sketch, the icon always off grid and exported with blurry result. Anyone know how to fix this?
1
vote
0answers
370 views

Exporting an artboard as SVG messes up the artboard's images

When I export an artboard as an SVG, it messes up the images on the artboard. Why does this happen? Example of the SVG and PNG files: ChooseSize.svg (the images are washed out and color is skewed) ...
1
vote
0answers
99 views

Sketch boolean operation: convert to outline for rectangle

Anyone knows how to "convert to outline" for a rectangle without fill? Refer to the picture below, if I use "convert to outline" directly on the rectangle, it results in two shapes, the inner one has ...
1
vote
0answers
78 views

Target what svg compressor option messes up file for sketch 3

I am using https://jakearchibald.github.io/svgomg to compress my svg image, its pretty good at what it does, but after running image through it, sketch 3 messes it up and it looks like this: Where as ...
1
vote
0answers
838 views

Sketch makes everything blurred

I've noticed that everything I seem to export or local share on my machine from Sketch seems to be blurred, even if I am looking at it, at that size. I'm on a MBP Retina would that make any ...
1
vote
1answer
130 views

Steps to to handing off designs to engineers

I work as a UX/UI Designer at a small startup right now. My background is in design with some front end work. I'm not sure our process for handing off files to developers is the most efficient and ...
1
vote
1answer
655 views

Sketch not exporting images with correct size

I'm using Sketch 3 and I have several images that I have made alterations to. All of the images are set to 270 x 430 and when I export them, they come out to sizes such as 292 x 452, 288 x 448, 286 x ...
1
vote
1answer
391 views

Font outlines for svg file with the smallest size?

I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the ...
0
votes
0answers
27 views

Software for optimising images for web… does it have to be Photoshop?

I'm in the middle of designing the portfolio section of my website. I'd much rather use Sketch and have each piece of work as a separate artboard. I could of course use Photoshop but I prefer to keep ...
0
votes
0answers
21 views

Images in Sketch (69.2) keep pixelating. To resolve, I need to cut and paste the image again and it sharpens up

Image on the left is showing blurred. I just cut and pasted it onto the artboard again in Sketch to get it to appear like it is on the right. Has been happening for the last few months. Running ...
0
votes
1answer
24 views

How to align within a grid in Sketch

I have a group of icons which I would like to display in an organised grid. I would like to align them so that each icon is centred inside the square and evenly spaced. Currently, I'm using Arrange &...
0
votes
0answers
15 views

using Sketch + JPEGmini pro for website images

I'm preparing images for website development. I'm working with images on Sketch, so exporting them (actual photos) as JPG with JPG quality at 70%. I'm then using JPEGmini Pro to reduce image size, but ...
0
votes
0answers
42 views

Adding degrees to a square shape

I'm trying to create an isometric cube, but I don't know how to add 30º to a square shape. Is it possible in Sketch App?
0
votes
0answers
21 views

Sketch: How do I locate and edit a Layer Style shown as an Override?

I am re-theming the Material UI kit for Sketch and I am having a difficult time replacing the colors of some of the components because they use Overrides and therefore the values are not immediately ...
0
votes
0answers
45 views

Import multiple images to multiple artboards in sketch?

Is there a way to import multiple images to multiple artboards, preferably in alphabetical order? In this example, I have 200 components that all have the same design, but each have a different image ...
0
votes
0answers
40 views

Sketch: multiple text styles in one textbox

In Sketch, is there a way I can have two styles of text applied to one text box? E.g. let's say I have a style of BODY in a text box, and then want a few words of it (not all of it) underlined. I'd ...
0
votes
0answers
38 views

How do I achieve a curved line that gets thicker at one end in Sketch

I'm using Sketch to create a logo and I need to draw a curved line with one end thicker than the other. I've tried using multiple lines but it looks awful. This is what I'm trying to achieve: Any ...
0
votes
0answers
22 views

Place already made svg animated icons from a site to my Sketch file

I wish to integrate svg animated weather icons from https://www.amcharts.com/free-animated-svg-weather-icons/ into my high fidelity wireframes in Sketch. How can this be accomplished?
0
votes
0answers
14 views

Sketch: turn off 'this document' sub-menu

Since updating Sketch (and my OS) I've noticed that, when I go to choose a text style, I have to go through a sub-menu called 'this document' Whereas it used to just show me the list of text styles as ...
0
votes
0answers
19 views

Styles Master plugin alternative - Sketch

Styles Master stopped working with Sketch 67. Does anyone know an alternative that gives the option to select and replace text in the style name? Thank you! (I really miss you, Styles Master... 😢 )
0
votes
0answers
388 views

How to import vector drop shadow from Sketch to Android Studio

If I add a drop shadow to an asset in Sketch, then export that asset as an svg, then open that asset in Gimp, I see the shadow, so the shadow must be exporting to the svg. However, if I import into ...
0
votes
1answer
37 views

In sketch, is it possible to copy a symbol and paste an instance?

I have a very large and complicated file with hundreds and hundreds of symbols all of which are used and reused over and over with slight variations. My naming schema is about as good as I can get it, ...
0
votes
1answer
40 views

Sketch, how to find and replace “text style”

I have a library file in Sketch and I need to replace a specific text-style with another one, in all the instances it is been used across the file. Is there a way to find and replace the text-style?
0
votes
1answer
22 views

Sketch App Fills color dropdown solicitors

I've been trying to figure this out today but had little success. I'm wondering if any of you from the community could help me. I'm trying to add the color pallet saved in my sketch design library ...
0
votes
2answers
96 views

Can you pin a symbol or layer to the bottom of an artboard in Sketch?

I'm working with a footer symbol and I want it to always stay pinned to the bottom edge of my artboard, so when I lengthen or shorten my artboard when I'm adding content, it stays pinned to the bottom,...
0
votes
0answers
137 views

Drop caps in Sketch

I'm trying to design a paragraph similar to the following: But it seems there is no way to add drop caps in Sketch, nor can I set the first letter as a graphic / image and have the text wrap around ...