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
20 votes
4 answers
82k views

How do I join two paths in Figma?

I'm trying to draw a symmetrical shape in Figma. Usually the way I do this is by drawing a path, then duplicating it and flipping it horizontally. In Illustrator, I would then be able to hit Ctrl+J to ...
DawnPaladin's user avatar
  • 2,223
13 votes
1 answer
28k views

How to add an anchor point/node in Figma?

How do I add an anchor point to an existing vector shape in Figma? Is this possible, like in sketch? Is there a keyboard shortcut?
Ibraheem Ahmed's user avatar
8 votes
6 answers
4k 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, ...
Michael Schmidt's user avatar
7 votes
3 answers
521 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'...
Gerlof Leuhof's user avatar
6 votes
2 answers
1k views

Open source alternative for figma

I've been using figma a lot on work but now interested for Open Source alternative. Is there anything like that?
Serhii Zasenko's user avatar
5 votes
3 answers
9k 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.
user2684452's user avatar
5 votes
3 answers
6k 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.
tsujp's user avatar
  • 171
4 votes
2 answers
10k views

Fill an object in Figma with a stripe pattern

I want to apply some stripe pattern like this to an object in Figma: So far I found this plugin, but it does only allow to create a rectangle that has a linear gradient with many alternating colors. ...
Leon D's user avatar
  • 153
3 votes
1 answer
24k 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?
codegien's user avatar
3 votes
1 answer
4k 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 ...
Evanss's user avatar
  • 649
3 votes
1 answer
8k 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 ...
Lucas Humberto's user avatar
3 votes
1 answer
27k views

How to prototype a fixed header that changes color on scroll using Figma?

I am replicating a website in Figma and I'm stuck at a point. I want to create a header which will fix at the top. But here is one more condition, the header will change its color after scrolling the ...
B4BIPIN's user avatar
  • 206
3 votes
1 answer
332 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).
Attila Bodi's user avatar
3 votes
1 answer
108 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 ...
Mumas's user avatar
  • 131
3 votes
1 answer
4k 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 ...
fahad shaikh's user avatar
3 votes
1 answer
813 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 ...
fahad shaikh's user avatar
2 votes
3 answers
2k views

How you connect a line to a rectangle in figma?

In Power Point you can connect a line to a shape on any of its corners or edges. When you move the shape around, the line's end moves with it. Can you do this in figma?
Magnus's user avatar
  • 121
2 votes
3 answers
357 views

UI Design: I can't understand the concept of design tokens

I have created a few design systems in Figma for different companies. Some are simple, and some are complex. But till now I can't understand the concept of design tokens. Every article or video I ...
Bluebug's user avatar
  • 680
2 votes
3 answers
2k 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 ...
Paul Razvan Berg's user avatar
2 votes
1 answer
18k 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 ...
Zorayr's user avatar
  • 123
2 votes
2 answers
19k 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 ...
David's user avatar
  • 21
2 votes
1 answer
4k views

Figma - Gradient over multiple elements

How can I make a gradient over multiple element in Figma? As much as I know you can only make a gradient over one element or let's say select multiple but then the gradient doesn't go over all, it ...
Aqua's user avatar
  • 23
2 votes
1 answer
283 views

How can you create a stroke that covers half of the shape?

Im somewhat new to figma so forgive me if this is a basic question. What is the best way to create a partial outline? For example, I initially duplicated the rectangle and made it a bit bigger, but ...
sillyslozzy's user avatar
2 votes
2 answers
3k views

Display distance between objects in illustrator using smart guides

How can I check the distance between two objects in px like in Figma or Adobe XD? I googled a bit but did not find any way to do this. This is what I want to achieve. In Figma. As you can see, it ...
Tr0jAn's user avatar
  • 21
2 votes
2 answers
633 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 ...
Merchako's user avatar
  • 190
2 votes
1 answer
2k 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 ...
qwaz's user avatar
  • 133
2 votes
1 answer
262 views

Figma pixels differs from Photoshop pixels?

I have designed a landing page for a website for one of my client. I designed it in Figma(Online UI design tool) and have exported the whole artboard with 1x resolution with the size (W:1400px, H:...
Jawad's user avatar
  • 46
2 votes
1 answer
4k views

Offset Path In Figma?

I am trying to use the Offset Path in Figma. Same as we do in Adobe Illustrator, but I am not sure if we can use it in Figma or not. Please tell me if yes then how we can use the Offset Path in Figma. ...
Sumit Yadav's user avatar
2 votes
2 answers
862 views

How do I "swap" icons in a component to create more variants?

I've created a component with 2 variants: selected and unselected. I want to create a navigation bar for a mobile app that has different icons for each option - e.g. Home, Popular, Hottest, TV Shows (...
french toast's user avatar
2 votes
4 answers
6k 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 ...
Bernhard Snizek's user avatar
2 votes
1 answer
185 views

Are there any ways of hiding object in Figma?

I am facing problem when I need to change the icons, are there any options in figma to hide the icons or object?
Sakshi Bhardwaj's user avatar
2 votes
1 answer
1k views

Figma flatten doesn't show my vector shape

So I tried to combine several vectors of an illustration component and when I flatten them, it doesn't really work. I tried to union them first and then flatten and still doesn't work. Is there maybe ...
Lidia's user avatar
  • 21
2 votes
0 answers
54 views

From Figma to Zeplin: How to make icon importable?

I have mobile app design in .fig file. I opened it in Figma Imported it to Zeplin. However, icon image is not importable: What I am trying to achieve is to make image importable to Android Studio ...
Joe Rakhimov's user avatar
2 votes
2 answers
2k views

How to undo or ignore component changes in Figma when publishing asset library?

In making changes to some components, I edited the wrong button-component for a second. Figma is tracking the change, and wants to publish it to update the library it's in. I don't want it to update, ...
jpostdesign's user avatar
2 votes
0 answers
115 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 ...
Daniel Birowsky Popeski's user avatar
2 votes
1 answer
1k views

How to snap to sibling element in Figma?

In the case where you have two sibling elements, how do you snap the edges of one with the edges of the other? Is there some kind of "magnet" mode which you can enable to achieve this ...
Cobie Fisher's user avatar
1 vote
1 answer
574 views

How to add element to artboard without moving it in Figma?

While working with Figma, I often end up with elements that are in the right place, but not inside the artboard they are supposed to be in. Is there an easy trick to put the element into the ...
Simon Epskamp's user avatar
1 vote
2 answers
2k 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 ...
Riccardo's user avatar
  • 113
1 vote
1 answer
8k views

How do I achieve such gradient / fill in Figma?

I've come across this UI element I tried to copy.. and realized I couldn't. Do the semicircles use some sort of gradient? Is it possible to apply such gradient in Figma?
Teafortwo Wyrman's user avatar
1 vote
1 answer
1k views

Rotating Gradient In Figma By 90 Degrees So It Runs Exactly From 0 % to 100 %

How can I rotate a gradient in Figma exactly around 90 degs, running from 0 % to 100 %? This is how the gradient initially looks like, running exactly from the top of the group to the bottom: Now ...
fweth's user avatar
  • 291
1 vote
2 answers
293 views

Is a 1 GB graphics card is enough for big Figma design?

I have a graphics card with 256 MB internal and not dedicated. I want to buy a dedicated 1 GB graphics card. Is it good enough for a big Figma design? Like: This. This design, when I add an image to ...
Filo Essam's user avatar
1 vote
2 answers
1k views

How to check distance of two objects in Adobe Illustrator? [duplicate]

Hello I am very new to Adobe Illustrator, and I want to check how much distance or gap I am giving between objects, can anyone please tell me how to do that ?? One way I know is to use the measure ...
Sumit Yadav's user avatar
1 vote
1 answer
417 views

Cannot integrate Zeplin into Figma project

I would like to integrate Figma with Zeplin. Because I could not connect Figma project with Android Studio which I can do with Zeplin. I have installed Zeplin and Figma desktop apps on Mac OS Mojave. ...
Joe Rakhimov's user avatar
1 vote
1 answer
188 views

How to cut path segments to fit the mask exactly [FIGMA]?

I've got a path under a circular mask. It has a colour fill. When I try to simply remove the parts of the path outside the mask, the path is no longer closed, and I lose the fill. How to cut the path ...
Malvinka's user avatar
  • 113
1 vote
1 answer
440 views

Is there is repeat Action functionality in Figma?

Is there is repeat action functionality in Figma? Like for instance in Adobe Illustrator we can make repeat commands, for reference I am talking about this: https://www.youtube.com/watch?v=hwhWNtuaRYA ...
Haziq's user avatar
  • 15
1 vote
1 answer
66 views

Order frames in a grid in Figma

I have about 3000 frames with icons currently on my Figma page. It looks like this: I want to have them ordered in a grid. So instead of this: X X X X I want it to become this: X X X X Auto-layout ...
Gerlof Leuhof's user avatar
1 vote
1 answer
49 views

Figma numeric stepper 1-999

I have to create a numeric stepper component that goes from 1-999. I need to also add the function to choose the step size f.e 5 - when I click on “+” it will go like 5, 10, 15 etc Any idea where to ...
Lidia's user avatar
  • 11
1 vote
1 answer
1k views

How to extract full icon from figma file

I have got the following icons in the Figma file and I want to extract them as a whole as SVG, but when I click or control-click the border as well as the play icon, and choose copy as SVG, I only get ...
localhost's user avatar
  • 317
1 vote
1 answer
279 views

Shadows in Lottie Animation

I created an animation in the following way: sketched some basic shapes in Figma, animated it using Jitter, exported the animation json and importing it to Lottie then downloading the Gif. I wanted to ...
cluelessdev's user avatar
1 vote
1 answer
58 views

How do I change the background color just for the footer in Figma?

I would like the footer's background color to be a different color than the rest of the website. Is there a proper way of doing this or do I just create a rectangle element, stretch it out onto the ...
Simon Suh's user avatar
  • 157