The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [sketch-app]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
4 views

Sketch: I have the vector mode by default, how can I change it back?

I am using Sketch, its been a few days the vector option is in default. For example: I create a shape, nothing happens when I hover on it I can only drag it double click vector mode, if I try to ...
0
votes
0answers
17 views

Releasing Masks in Sketch

I'm working on a library in Sketch, an I have made the icons with color masks, but I need to change them to color styles. Is there any way to release mask in a group of icons at once? Thank you
0
votes
0answers
12 views

Angular Components/Material Sketch Template

We are using latest version of https://material.angular.io but it's quite hard to keep the designs correctly updated due to the lack of a proper sketch file. Does anyone know if there is one out ...
0
votes
1answer
30 views

Export .svg icon with padding from Sketch

When I export an icon as an .svg that contains padding, the padding seems to get lost when saved. I have this icon with a 1px padding on the sides: When I export that icon as a .svg, and import it ...
0
votes
0answers
11 views

Sketch: new raw in symbol when change title?

I think remembered a technique from long time ago: when you had an component in symbol with 4 raws (or repetitive elements) nested, it was possible to had element only with changing name of title. ...
0
votes
1answer
16 views

Make a path from a cut out path in Sketch

I have a sketch file with an icon where the icon shape is cut out from the surrounding box. I want to make this cut out bit into a real path so I can fill it with a color, but am unable to do so. I've ...
6
votes
3answers
94 views

Best practice: keep icons as strokes or outline?

I am currently working on generating the icon assets for the company I work for. I am using Sketch, and am creating a large library of the icons. They are all Line icons (the style) and basically ...
2
votes
1answer
28 views

Scale object from a direction in Sketch

When I currently scale objects they always scale from the top left. Is there a way to set a different scaling starting point, like for example in Illustrator?
2
votes
1answer
42 views

In Sketch, how can I easily collapse pages?

In Sketch, how can I easily collapse pages in the layer list on the left side of the screen?
7
votes
2answers
192 views

What are the downsides of UXPin compared to the top 4 players (Sketch, Figma, XD, Studio)?

Short question: The last 2 days, I tested various UI / UX / Prototype Tools like Figma, XD, InVision Studion and said UXPin. I'm currently working with Sketch + Craft. What I realised is, that Sketch, ...
1
vote
2answers
49 views

Sketch - Text not resizing with symbol

Summary I'm trying to resize a symbol in Sketch and the text is not resizing with the symbol. I have "adjust content on resize" enabled and it's still not working. What I've tried I've also tried ...
1
vote
1answer
23 views

Align to center in Sketch ignoring pixel snap

I want to have this Cog in the exact horizontal middle of the symbol. How can I achieve this? Using align-center keeps snapping the object to whole pixels
1
vote
1answer
19 views

Quickly rotate object with mouse in Sketch

In Illustrator you can quickly rotate objects with the cursor. If you hover close to a corner this rotate tool appears: In Sketch you always have to switch to the rotate tool which I find kind of ...
0
votes
1answer
28 views

Inconsistent resizing constraints between symbol and instance

This might be a simple question but I have come across a weird inconsistency with my spacing constraints when I embed symbols into one another. In this first Filter symbol the arrows stay right-...
1
vote
1answer
22 views

Rename multiple layers in Sketch

I have a lot of ugly layer names in my layer panel. How can I change the name of all of them?
1
vote
1answer
33 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 ...
2
votes
1answer
21 views

Alt+drag in Sketch, keep same layer name

When I copy an element with Cmd+C / Cmd+V, it keeps the same name in the layer panel. When I copy an element by holding down the alt key and dragging it somewhere, 'copy' gets added to the layername ...
2
votes
0answers
25 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 ...
1
vote
2answers
84 views

How do I change the thickness of paths in an SVG using Sketch?

I have collected SVG icons from different sources. Some use thick paths and shapes. Others use thin ones. Is there a way to change the thickness of paths and shapes in an SVG without having to adjust ...
1
vote
0answers
41 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 ...
0
votes
2answers
35 views

How to fix the problem for the color schemes differences for the mac and windows screens [duplicate]

I am a product designer, I use MacBook Pro for my design work. Whenever I design an app/website/web pages after it went live the big problems comes up as color differences in the Apple screen and ...
0
votes
0answers
54 views

How can I use Sketch App to make dxf files (for laser cutting, cnc, etc)?

I'd like to design some stuff for laser cutting, and am familiar with Sketch App. Unfortunately, I can't simply hand over an SVG and expect it to work, and have been advised to shoot for a dxf file ...
1
vote
3answers
426 views

How can I make this dot-matrix in Figma without doing it dot-by-dot?

Ideally I'd like it to follow a bezier path so I can change the shape and find what I like best.
1
vote
0answers
26 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
1answer
35 views

How can I use the arrow tool in Sketch App without navigating a menu every time?

I am designing a flow chart. It requires lots and lots of use of the arrow tool, but there is no hotkey for it. Therefore, every time I want to add an arrow, I have to navigate Insert>Shape>...
0
votes
0answers
34 views

How do I choose the artboard size to design an Enterprise web app's UI?

Should I go with 1366px width which is a widely used desktop resolution or 1440px which is the highest artboard resolution in sketch presets for the responsive web?
1
vote
1answer
21 views

Save the anchorpoint position in Sketch 4

is there a way to reuse the same anchor point position on a layer multiple times or do i have to set the anchorpoint everytime i try to rotate the layer? So when i try to design that flowerlike ...
0
votes
2answers
31 views

Text over image in Sketch

Hi guys I am learning sketch and in the tutorial Im watching the guy place the text box over the video image in the background, but when I'm following his instructions my text box is going behind the ...
1
vote
2answers
48 views

How export all icons from a Sketch file for iOS

I have a sketch prototyp file and want to export all icons with different size for iOS/Xcode. How should I do? I only know how to export an icon/image with different size, but no idea what about for ...
0
votes
1answer
76 views

How to create this rounded shape in illustrator?

How to create the following shape in illustrator or Sketch? Whenever I try to create a circle, copy this circle and work with smaller circles in it, it does look a bit odd. Is there any other way to ...
2
votes
2answers
265 views

How to design stack-like icons like Apple and Bootstrap do, in Sketch?

Sorry if this is a really stupid question or something really easy, I'm just a backend developer who has no talent with design. I'm actually programming a Dynamic Library for jailbroken iOS devices ...
0
votes
0answers
93 views

Override image in Sketch symbol with new image of different ratio

I'm designing a list of posts in Sketch, with each item in the list having an image and a title. The images should not be cropped but retain their original ratio (they all have the same height while ...
2
votes
1answer
171 views

Change color of word inside text box in Sketch

I want to change the text color of 1 line of text inside my textbox that has multiple lines of text. When I try to do this through the style dialog, the text color changes of the whole textbox content....
2
votes
1answer
33 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.
0
votes
0answers
22 views

Anima stack with varied spacing

Using the Anima App plugin with Sketch, is it possible to have a single stack with different spacings between different objects? For instance, imagine I wanted to have a vertical stack of three ...
0
votes
1answer
107 views

Sketch App with label colors on Sidebar

In the Sketch App I have at home, he displayed a few different items on siderar than I use at work. Basically you have the option of selecting label colors for artboards and layers and also a line ...
4
votes
4answers
1k views

How to stretch the corners of this image so that it looks like a perfect rectangle?

I have an image that I took at an angle, so it isn't a perfect rectangle: How would I pull the bottom left and bottom right corners in so that they line up perfectly with the top two corners? Like ...
0
votes
1answer
217 views

Detect font family in Sketch

Hi I'm a dev with a Photoshop background and I can't find a way to simply click on a Sketch design text element and display the font family used. Could anyone help me on this one? Thank you very much
0
votes
0answers
26 views

Sketch export options with a different ratio

My issue is Sketch only lets you define a width, a height or a % of the original artboard (or slice) dimensions. is there any way to give it exact pixel dimensions for both height and width? if not ...
0
votes
0answers
42 views

Maintaining consistency in margin spacing of an iOS App

I am coping with designing mobile apps, mostly iOS. I understood that for margin spacing I should go with 8, the smallest amount allowed, and follow with multiples of 8: 16, 24 etc. By default I ...
0
votes
1answer
694 views

Can Sketch display a list of fonts and weights in use by the current document?

I have Sketch v51.3. Can Sketch display a list of the fonts and respective weights in use by the current document? I know when I open a Sketch document, it will prompt me to resolve missing fonts. ...
0
votes
1answer
37 views

How can you blur your background only behind a specific box in sketch?

I came to this weird thing where I want to set a background blur via the option in Sketch to just select background blur on the specific box I want it to do, but nothing happens. Can someone please ...
3
votes
1answer
2k views

Sketch horizontal scrolling

Does the sketch prototyping functionality allow for horizontal scrolling (as with a wide table)? I need a fixed header and fixed left side panel on mobile for wide financial data in table format. (...
0
votes
0answers
45 views

How can open a svg-icon in sketch unchanged?

I open a SVG-icon in sketch: <path fill="#9A9DAF" d="M98 46.9c-1.2 0-2.3.2-3.4.4L90 ..."/> <path fill="#A5EAFF" d="M79.4 91.2c-.4 0-.7-.1-1-.3-.9-.6-1.2-1.8-.7-2.7l6.2-10.3c.6-.9 1.8-1.2 2....
0
votes
0answers
45 views

How to attach a style guide to invision

Invision has this thing called inspect, but it only shows fonts/colors at a page level, not at a project level. I like a way to natively attach a style guide to Invision so that developers/designers ...
1
vote
1answer
477 views

Distorted SVG icon when exporting from Sketch

I am getting a strange result when exporting an SVG icon from Sketch. I am trying to export this mail icon that is made up of two masked triangles and an outer rectangle (all using an outside border):...
0
votes
2answers
362 views

How do I scroll horizontally through a Sketch canvas like Illustrator does?

In Illustrator you have the very handy CTRL+mouse scroll shortcut to quickly scroll horizontally through your canvas. I want to do the same in Sketch (not necessarily with the same shortcuts). How ...
0
votes
0answers
21 views

When opacity for a group is reduced the groups behind it is being visible in sketchapp. Is there a way to make it opaque?

When opacity for a group is reduced the groups behind it is being visible in sketchapp. Is there a way to make reduce the opacity of a foreground layer without making the layers behind it Inkscape ...
1
vote
1answer
118 views

How do I create a rectangle with rounded circle incision in Sketch?

I am looking to create something similar to this, anyone have ideas?
0
votes
0answers
148 views

Outside gutters in Sketch app

I'm setting up a layout grid in Sketch, and I'd like to adjust the outside gutter width. As I understand it, Sketch automatically calculates these outside gutters to be 50% of the width of the ...