Questions tagged [sketch-app]
Questions about Bohemian Coding's Sketch.app, a vector-based interface (UI) design application for macOS.
626
questions
0
votes
0answers
17 views
While exporting .svg image from Sketch tool a white space is seen in the preview
I tried exporting the created image from sketch to svg format. after saving the file and went to the saved location i am able to see an white space created around the image. i have not added any thing ...
1
vote
1answer
32 views
how to achieve this effect in the Sketch or affinity-designer?
I recently found this theme, and really loved this effect of a gradient inside a glass blur, is there a way and how to achieve this effect in the Sketch or affinity-designer[an icon in that theme ...
0
votes
1answer
25 views
How to make PM smaller than other characters in textbox in Sketch?
I have this textbox here. And I just do not understand the magic, why "PM" is smaller? Though it seems just normal text on the left side.
0
votes
0answers
16 views
Sketch/Figma: Using JSON as a color/typography library
I have JSON with typography/color data. Is there any way to use this data in a Figma or Sketch so that I could've corrected it and then override it?
0
votes
0answers
15 views
How to persist rulers across whole page rather than per artboard?
I came across an issue today related to rulers. In sketch I created an art-board and added few graphics. I then selected my page and added few ruler guides hoping that these would stay in place for my ...
0
votes
0answers
9 views
Sketch: keyboard shortcut for selection tool
I'm so used to just pressing v like in Adobe software.
If I press v in Sketch then it takes me to the pen tool. But then if I press it again it then gives me the selection tool.
I can't seem to find ...
0
votes
0answers
27 views
Convert colors from unmanaged to sRGB in Sketch-app?
I have from third party received a Sketch-file using an unmanaged color profile. The colors in the document are suppose to be used on the web, but when copying the color codes - the colors does not ...
0
votes
2answers
32 views
How to export asset at different densities for Android platform (mdpi hdpi xhdpi xxhdpi xxhdpi)
I am exporting image for Android as per title, and read somewhere that one can start at a base density, then just scale the asset and export as PNGs following this formula
mdpi = ~160dpi = 1×, or 100%...
0
votes
1answer
24 views
How to demo app flow in Sketch
I've been using Sketch, and have been asked to demo an app using Sketch. Currently, I've been designing the app in Android Studio, running the app on an emulator, taking screen shots, and dropping the ...
1
vote
1answer
45 views
How to solve overlapping shadow issue?
In a UI with multiple cards arranged in a grid, the shadow of cards are falling on top of other cards. All these cards are supposed to be on the same level (elevation/depth). Is there any way to solve ...
0
votes
0answers
11 views
Sketch app - snap to guide while editing bitmaps
In Sketch I have some guides I've placed.
When I draw shapes (let's say a rectangle) they automatically snap to the guides when the mouse cursor is a few pixels close to those guides.
How do I "snap ...
0
votes
0answers
71 views
Does sketch export to XML?
Does sketch export to XML? Is a plugin required? If yes, is designing layout by exporting XML worth-while?
Thanks
0
votes
1answer
25 views
Retrace an outlined icon to get a thin icon
I have this euro currency icon from Material Design:
Originally it was filled, I removed the fill but then noticed that of course it has outlines on each side. Now I want to have a euro symbol with ...
0
votes
0answers
9 views
Sketch - How to create a symbol that maintains space between text boxes when copy is of varying length?
I am trying to make a symbol that would have the below outputs. Despite varying copy/text lengths it would maintain distance between layers. I see the tutorials on responsive design, but I’m not ...
-1
votes
1answer
82 views
How can I create this abstract sphere in Illustrator (or Sketch)?
How can I reproduce this cool abstract spherical shape using Illustrator (or Sketch)???
0
votes
0answers
13 views
Sketch: Difference exportable Symbols and Slices
What is the difference of a symbol which is exportable to a slice? If you do not make it exportable, then the developer knows also what is an asset, isn't it?
This is a further question to this: Why ...
0
votes
1answer
34 views
Why using Spaces in Names of Files and Directory in Sketch? [closed]
So I am actually a computer scientist, who works also as a designer. When I use other sketch files, I always see that the namings of files and directories have spaces in it. For me it does not make ...
0
votes
1answer
84 views
How to set override to “no symbol” by default in Sketch?
Let's imagine I have a Master data cell symbol and several tables that already use instances of it. There are no dividers in the Master cell symbol so far, so I want to add them. I create a master ...
1
vote
1answer
47 views
How to make the background of an image with shadows blend in
Background
I manage an e-commerce app where we expect merchants to submit their own images, these images appear on our mobile app.
In order to maintain proportions, I send the merchants this ...
0
votes
1answer
19 views
Sketch: Fill space within lines with color
I already looked through the other questions but still could not find the answer I was looking for.
In Sketch, I connect lines to form a triangle. How can I fill this shape with one color? I tried ...
0
votes
0answers
30 views
Sketch: How to get the Sketch iOS UI Design Template
I am learning how to use Sketch and I am watching an online tutorial on how to use the app. I am trying to figure out how to get the iOS UI Design template, as seen in the following screenshot:
I ...
0
votes
0answers
10 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
25 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
22 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
29 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
39 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
20 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 ...
1
vote
1answer
27 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
26 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
86 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
209 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
28 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
248 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
32 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
198 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
785 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
3answers
321 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
56 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
31 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
33 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
49 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
39 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
29 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
619 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
48 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
37 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
115 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 ...
2
votes
3answers
1k 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.
