Questions tagged [sketch-app]

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

84 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4 votes
0 answers
109 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 ...
user avatar
  • 577
3 votes
0 answers
225 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"> <...
user avatar
2 votes
0 answers
67 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 ...
user avatar
2 votes
0 answers
43 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 ...
user avatar
  • 123
2 votes
1 answer
306 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.
user avatar
  • 31
2 votes
0 answers
33 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, ...
user avatar
2 votes
1 answer
2k views

Sketch How to make text overrides push other text?

So basically what I'm trying to achieve is a basic navbar setup like so; Each 'nav item' has a spacing of 80px. This itself is a symbol which is great. However, when it comes to text overrides and ...
user avatar
  • 121
2 votes
0 answers
65 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 ...
user avatar
1 vote
1 answer
118 views

Automatic wraparound tiling painting app? Like Procreate symmetry, but without mirror reflection

I'm looking for a painting/graphics app (non-subscription and preferably free) (iPad or Android) that can use a pressure stylus and can do wraparound drawing. Something similar to the "Mirror&...
user avatar
1 vote
0 answers
25 views

How to make Text Value adjusts itself when replace symbol in Sketch

I have just started using Sketch and when I try to replace a list item symbol with the one from my library the text changed to the text in the library and not stay the same as it was in my working ...
user avatar
1 vote
0 answers
24 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 ...
user avatar
1 vote
0 answers
34 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 ...
user avatar
1 vote
0 answers
77 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 ...
user avatar
1 vote
0 answers
56 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 ...
user avatar
  • 161
1 vote
0 answers
54 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?
user avatar
  • 19
1 vote
2 answers
410 views

Align text content left and right within the same layer

I am pulling a lot of data from a Word document into Sketch, and would like to know whether its possible to align parts of a text layer both left and right, without having to separate them on ...
user avatar
1 vote
1 answer
151 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 ...
user avatar
1 vote
1 answer
3k 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, ...
user avatar
  • 111
1 vote
1 answer
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 ...
user avatar
1 vote
1 answer
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 ...
user avatar
  • 205
1 vote
1 answer
748 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 "...
user avatar
  • 141
1 vote
1 answer
418 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 ...
user avatar
  • 11
1 vote
0 answers
310 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 ...
user avatar
1 vote
2 answers
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 ...
user avatar
  • 137
1 vote
0 answers
911 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?
user avatar
  • 111
1 vote
1 answer
315 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?
user avatar
1 vote
0 answers
373 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) ...
user avatar
  • 237
1 vote
0 answers
113 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 ...
user avatar
  • 11
1 vote
0 answers
79 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 ...
user avatar
  • 217
1 vote
0 answers
943 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 ...
user avatar
1 vote
1 answer
140 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 ...
user avatar
1 vote
1 answer
720 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 ...
user avatar
1 vote
1 answer
479 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 ...
user avatar
0 votes
0 answers
13 views

Sketch app add hotspot from embedded symbol in parent symbol in a shared library

I've got a 'parent' symbol in Sketch (v90) that houses multiple 'child' symbols (it's a sidebar symbol containing items, each item is a symbol on its own). The symbol is contained in a library file ...
user avatar
0 votes
0 answers
14 views

Artboard Gap Size Panoramic Images App Store

I'm designing Panoramic App Store preview screenshots with Sketch. I would want to know the gap between two Artboards for iPhone 6.5", iPhone 5.5", iPad Pro (3rd Gen) 12.9" and iPad Pro ...
user avatar
  • 101
0 votes
0 answers
28 views

How to export SVG code from Sketch without raw image data?

Before I attempt to write a plugin that does this I want to make sure that this feature is not available in Sketch. I want to use the same exact feature Sketch has of "Copy as SVG code" the ...
user avatar
  • 101
0 votes
0 answers
31 views

Redraw a xcf file in GIMP

I want to redraw a sketch. Previously the drawing uses brush size 10 and line size 10. I want to change the width of the line to 5 without redrawing. Can I do that?
user avatar
0 votes
0 answers
29 views

Moving from framer to Sketch

Is it possible to migrate one’s project from Framer to Sketch? I know the other way around is possible, but I cannot find any info on doing it that way.
user avatar
  • 101
0 votes
1 answer
47 views

Elements are moved after exporting SVG in Sketch

I'm trying to export a SVG that contains two elements: a circle shape and a text. In Sketch, everything seems fine: But when I click the Export Selected... button, it's exported like this: Why is ...
user avatar
  • 101
0 votes
0 answers
70 views

Any tool which would allow to export mui.com components JSX code from Figma, Sketch, Adobe XD?

Now designers design with mui design kit and ui dev does same job again with jsx. Looking for solution which would allow to automate this part. There are design kits for Figma, Sketch and Adobe XD: ...
user avatar
0 votes
0 answers
12 views

how to collapse all groups in sketch 80.1?

In the previous versions of sketch, we can select "View -> Layer List -> Collapse All Groups" to collapse all groups, but in the version80.1 that function has removed. Is there anyone ...
user avatar
0 votes
0 answers
17 views

What are these layers that prevent me from editing my artboards?

I have noticed in some projects some strange layers that go over the artboard. It prevents you from making changes until they are deleted - what are they? I haven't seen them in any of my projects ...
user avatar
  • 155
0 votes
0 answers
10 views

Sketch: increase height of section in same artboard without overlapping

I have a landing page, with two different sections on it. I would like to increase the height of one section without overlapping into the section below it. Instead, I would like it to be pushed ...
user avatar
0 votes
0 answers
24 views

Copying and Pasting in Sketch

What is the difference b/w Paste Here and Paste Over in Sketch? Additionally, is it possible to move an artboard from one file to another file?
user avatar
0 votes
1 answer
33 views

Sketch app input field value not increase/decrease with arrows key

I am running Catalina on my MacBook Pro mid 2014 retina. From few days I am having strange issue with my Sketch app. I can’t increase/decrease input values from arrows key. When I select any input ...
user avatar
0 votes
0 answers
33 views

Sketch: I can't change the export quality

Since I've installed the latest Sketch update (76), I can't change the quality of my JPEG exports. I mean I can change the percentage quality slider but it doesn't do anything, the JPEG has always the ...
user avatar
0 votes
1 answer
107 views

Sketch: Broken Combined shape export to SVG?

I'm trying to export some vector art made by composing Ovals. When I exported my art first time everything had gone fine. After few changes in other Layers in my file (the picture shown is a part of ...
user avatar
0 votes
1 answer
64 views

FIGMA and Sketch is increasing the filesize of images??? WTF

I encountered a very interesting phenomenon. I hope someone here can explain it to me. When I am importing an image with 936 KB of file size and then immediately export that same image (without ...
user avatar
0 votes
0 answers
56 views

Connect 2 shapes with line in Sketch

Is it really not possible to connect 2 shapes with a line and keep those 2 shapes freely movable without loosing the connection to the line??? In my opinion a feature found in almost all drawing ...
user avatar
0 votes
1 answer
56 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 &...
user avatar
  • 101