Questions tagged [figma]

Questions about Figma, a collaborative interface design / prototyping tool. Ask anything related to designing graphics and interfaces with Figma.

Filter by
Sorted by
Tagged with
0
votes
0answers
17 views

Smoothing edges in Figma

How do I make the edges of the shape completely smooth (straight) as opposed to what I have now after having converted a .png image into the vector shape.
0
votes
1answer
31 views

Keep icon color when swapping in Figma

If I want to replace an icon that's inside another component, the color of that icon also changes. What I want is being able to set one color for the component, and every icon I swap should take over ...
1
vote
1answer
31 views

How do I get Figma to list things NOT backwards?

Thing are backwards. Stuff on top of page are is listed on the bottom. Things listed in horizontal frames are listed right(first) to left(last).
0
votes
0answers
21 views

Save an image in Figma

I (not a terribly creative type) have created an image in Figma from several geometric shapes. I would now like to save that image as a PNG. "Save local" gives me a .fig file with no options ...
1
vote
0answers
17 views

Which tool for UX design should I choose? [closed]

I am a novice designer that's why I would like to ask you which UX design tools you use in your daily work? I know some basics of Figma and I am quite fluent in Adobe XD but I've heard that many UX ...
2
votes
2answers
66 views

Prevent Figma auto-nesting

In Figma, when you drop an object on a frame, it automatically auto-nests. How do I prevent this? According to Figma on Twitter I have to hold the space bar. But after trying lots of times this doesn'...
0
votes
0answers
33 views

Position sticky figma

How are you? I'm wrong because I'm trying to apply an effect in Figma which I don't know if it is possible to do. I leave my question… Is it possible to apply fixed positioning depending on the point ...
0
votes
0answers
19 views

What is the best way to create buttons in Figma?

I'm still learning Figma, and I'm having trouble to create inactive buttons (or other status, focus, hover etc) and swap when needed. Can someone help me? The tutorials I found on the internet were ...
0
votes
2answers
27 views

Vertical Endless Slider in Figma

I'm trying to make a vertical endless slider in Figma for an app and I run into a problem. The animation after the last slider is not transitioning smoothly. It keeps refreshing and clips. https://www....
0
votes
1answer
42 views

Can I disable selection for specific elements?

My frame contains an element filling the entire frame area (in the back). Every time I span a selection, that element is part of it, and I have to Shift+click to unselect it. Can I make it ...
0
votes
0answers
68 views

Wrong Figma scale on 4K monitor

I have a Win10 on 3840×2160 screen with 200% system scale. Working in Figma I have all the designs shown noticeably larger so I got original size at 90% zoom level. The same situation is in ...
0
votes
1answer
59 views

Adding white space between two elements - Figma

While working with figma I frequently needed to add white space between the two elements such that all elements below these two elements should also shift down. To explain better I have created a ...
0
votes
0answers
119 views

Broken SVG when importing to Figma

When dropping an SVG into a Figma canvas, the SVG object is broken, meaning it does not resemble the actual image. The SVG is exported from Adobe XD and is even tested with Microsoft Edge browser to ...
2
votes
1answer
177 views

Filling half a shape in figma

I am still pretty new to figma, so I am still learning. I have a shape (rectangle shape) that is all white. I am trying to "fill" half of the shape with a yellow color. Does anyone know how ...
1
vote
2answers
26 views

Figma: Which other files use a component?

In Figma, I'm cleaning up my files, and I'm interested in deleting a deprecated library. How can I find out which other files use a component or a library? For a given file, I know that I can view ...
0
votes
2answers
120 views

How to use a figma component in another file?

The Problem I am facing is, I just want to be able to reuse a library/component in other files, just a way to access components from a ui-kit or import them into a file. But it seems like I can't do ...
0
votes
1answer
176 views

Export a group in Figma to PNG at specific size?

I have a group in Figma that is 1200 x 1200 pixels. I need to export it as a PNG at the following sizes: 16x16, 32x32, 48x48, 128x128. Can I do this without having to resize the group? It's annoying ...
0
votes
0answers
35 views

Making the content of my text change based on the day

I am trying to make an app on Figma that contains a calendar. You can access the calendar by clicking on a rectangle on the home page... but on the same rectangle, I want to display the data that is ...
2
votes
0answers
29 views

How to set masks IDs in exported SVG?

Masks exported in SVG have a default ID of "mask0" <mask id="mask0" ...>. I tried changing the mask layer name, but it doesn't influence the ID in the exported SVG. How do I ...
0
votes
0answers
99 views

How can I use the Auto Layout in Figma to align this icon on the text baseline?

How can I use the Auto Layout in Figma to align this icon on the text baseline?
0
votes
1answer
203 views

Calculating space/gap between elements in figma

I am new to Figma and I got a .jpg design file which I need to convert into HTML, but in order to do that, I need to know the space between each element. I went ahead and placed a space between the ...
2
votes
1answer
67 views

Layout grids for illustrations?

Is it possible to use any kind of layout grids when creating illustrations, and if so, what are their uses? Edit: A bit of clarification, my questions is towards drawing on a computer (not hand ...
-2
votes
2answers
170 views

Zoom without Ctrl

Zoom in and out without the need to hold down crtl key would make navigation much easier and faster. It is really a question why developers/UI/UX designers of many of design softwares do not pay ...
0
votes
1answer
787 views

Figma: using components from one file in another

I'm an iOS developer trying to learn graphic design, currently using the free version of Figma. I just started and so far it's been lots of fun. My problem is incorporating iOS system elements into my ...
0
votes
0answers
30 views

Figma: Material Design Theme Kit: Designating primary & secondary colors

Material Design Theme Kit I've successfully swapped out the default color pallet via the color styles with my own color pallet however by default the "Primary - 500" and "Secondary - ...
2
votes
1answer
541 views

Figma: flattened vector exports as multiple paths

I flatten multiple vectors into one, so it appears in Figma as follows: However when I export it to SVG, this vector appears as multiple paths in SVG markup. Is the a way in Figma to make it a single ...
1
vote
2answers
753 views

How to change the stroke of a single edge in a shape?

Let me start by saying that I'm a complete ignorant when it comes to Figma, I'm trying to learn the basics in order to draw a couple of very elementary shapes for my research paper. Is it possible to ...
0
votes
1answer
2k views

How to achieve this Gradient (Done in Figma with layer Blur)

how can i achieve this Gradient? I know its done in Figma with multiple rectangles and a bunch of Layer Blur. I'm a noob with the Gradient Mesh Tool in Illustrator, so Figma would be easier for me. ...
0
votes
0answers
46 views

Figma : keep prototype links while changing button status

When I have a button (component named "primary button" for example) that is linked to another screen, if I want to switch this button to let's say another component named "secondary ...
3
votes
3answers
3k views

Hyperlink Image Figma

Is there a way to hyperlink and image or text in Figma to be clickable when exported as a PDF? Thanks in advance.
0
votes
2answers
225 views

Flex-grow in Figma auto layout?

Say I have the following layout: ----Left Component--Central Component--Right Component--- The parent component has a fixed width. I'd like Figma to auto-resize the width of left component and the ...
1
vote
2answers
241 views

Can child elements be aligned top or bottom in Figma's auto layout?

I have a horizontal auto layout within which there are three elements: Icon Text Another Icon I made this screen recording that shows what I did. I'd like the text to be aligned top or bottom, but ...
1
vote
1answer
120 views

How do I create perfect stroke-dash spacing for a rounded rectangle?

So I'm trying to recreate this rectangle from Ikea: I found this article on how to calculate dashes: https://www.designernews.co/stories/47034-how-can-we-calculate-a-perfect-dashed-border-in-sketch ...
0
votes
1answer
51 views

Custom shape interaction in Figma

When prototyping in Figma, is there any way to set up interaction exact on the shape and not the it's bounding box?
1
vote
1answer
7k views

how do I make a gradient background in Figma?

I am trying to make a linear gradient backgroud accross my UI in Figma. How can I possibly go about this?
0
votes
1answer
141 views

Figma - Difference color but “positive”

I want to kinda difference colors on a layer but the difference should be "positive", ie. orange and orange should be white rather than black. Here's a picture of what I mean: Before: After: I ...
2
votes
1answer
9k views

Figma's “After Delay” interaction is disabled when going from one frame to another

Working on a loading indicator animation; when I tap on prototype, I want the transition to happen from one frame to another after an "After Delay" interaction. As you can see in the photo, "After ...
1
vote
0answers
586 views

How to align item to parent frame grid in Figma?

I have two frames which are nested inside each other. Parent frame has 12 column grid and I want child frame to have row grid for section spacing. But when I'm placing element in child frame I can't ...
0
votes
1answer
766 views

How to not show shadow through transparent shape in figma

In figma, I have a rectangle shape which is white with 50% transparency. I want to apply a shadow only to the outside of this shape, but when I apply the 'drop shadow' effect I see the shadow behind ...
1
vote
1answer
56 views

What's the meaning of two horizontal or vertical rectangles in the layers panel?

What's the meaning of two horizontal or vertical rectangles in the layers panel? Like in the screenshot below.
0
votes
1answer
85 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?
1
vote
1answer
2k views

When prototyping in Figma, can I make the frames automatically fit the device screen width?

I'm new to Figma, just started learning it today, so maybe I'm missing something obvious. I have a frame with a design that uses constraints to scale nicely to different screen widths. When I ...
1
vote
4answers
4k views

FIGMA Auto Layout with stroke only on three sides

I have a little challenge with Auto Layout in FIGMA. I need to build a navigation where every element has only a border in the bottom, the active one everywhere but on the bottom, ie some kind of a ...
0
votes
1answer
885 views

Porting designs from Illustrator to Figma (SVG)

I need to use some logos and other elements I've created on Illustrator in Figma. I know that you can save an entire project on Illustrator as SVG but how to pick certain elements, say shapes and ...
2
votes
1answer
4k views

How to align text box on Figma?

When placing a geometric shape or image on Figma we get the exact height and width of these forms. From this square to the top, I certainly got 23 pixels of space: From this text to the top, I'm not ...
0
votes
1answer
1k views

Figma Prototyping: create connections from multiple objects to one frame simultaneously?

In Figma, is there a way to create many connections to one object simultaneously? Say, I have a bunch of buttons that should all lead to the same frame; I'd like to select them all and drag all ...
2
votes
2answers
4k views

Mirror copy of a website iin figma

I'm trying to improve my design skills and decided I would try to do a redesign of reddit or bbc website. I use Figma and started from scratch. Then it dawned on me perhaps there is a way to do this ...
7
votes
4answers
3k 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, ...
0
votes
1answer
62 views

How to use custom placeholders when sharing projects in Figma?

So I have designed a website in Figma that I want to share with multiple clients. I want to personalize the content of the project as in the nav-brand or any other content. For instance, if a ...
0
votes
1answer
369 views

How to achieve breakpoints in Invision Studio or Figma?

How can I achieve breakpoints in Invision Studio? I would like to have single screen for desktop and mobile, while rearranging elements. While on desktop some elements are next to each other, in ...