Questions tagged [sketch-app]
Questions about Bohemian Coding's Sketch.app, a vector-based interface (UI) design application for macOS.
610
questions
0
votes
0answers
4 views
Cannot override sketch symbols of a library created in sketch 56 in Sketch 60
I had created a Sketch library for my Company in sketch 56. Recently we upgraded to sketch 60.
Now, after opening the Library File in Sketch 60. I do not get any override option on the right hand ...
0
votes
0answers
20 views
Sketch: export image at a resolution that does not add pixels
We're designing a website for CrummyPhotosCorp, who sends us a 150-pixel-tall image to put in an area that's 200 pixels high. We bring this photo into our Sketch comp and size it to fit the space. It ...
2
votes
0answers
15 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 ...
0
votes
0answers
22 views
How to remove background color from bitmap which is added in image in sketch?
I want to add a transparent background color to a bitmap in Sketch.
0
votes
1answer
31 views
How to cut a chord from a circle in Sketch App
I have a circle that I want to cut several lines horizontal lines from so I can see the background.
As you can see from my image below, I want to cut out the part of the circle so I can see the ...
0
votes
0answers
19 views
Sketch: Create symbol pushes down text element
I have an input field symbol like image below:
but when I create a new form symbol with 5 input fields, then the text is pushed down:
I noticed when I enable the require element, then the text is in ...
0
votes
1answer
23 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
24 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
13 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
62 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
12 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
21 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
106 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
29 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
79 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
366 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
103 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
32 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
21 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
31 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
27 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
35 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
201 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
45 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
36 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
76 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
731 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
28 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
53 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
22 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
36 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
49 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
77 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
358 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
132 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
228 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
60 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
26 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
165 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
266 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
27 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
46 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 ...
2
votes
1answer
1k 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
45 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 ...
4
votes
1answer
3k 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
50 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....
