28 votes
Accepted

How do I join two paths in Figma?

You can make both lines part of the same vector by using Flatten (Ctrl+E). Then you can select the points in the vector that you want to connect together and join them using Vector → Join Selection (...
DawnPaladin's user avatar
  • 2,223
15 votes
Accepted

How to add an anchor point/node in Figma?

Of course thats possible: Ensure 'Snap to Geometry' is checked in Figma preferences (otherwise it is very difficult to precisely hover over the path to add the point). Make sure you have nothing ...
ofhouse's user avatar
  • 393
9 votes

how do I make a gradient background in Figma?

1) You first create a rectangle of your choice color and then spread it all over the screen and then 2) Then select that rectangle and click on Fill option and then 3) And then from the drop-down at ...
Ansh Goel's user avatar
8 votes
Accepted

Hyperlink Image Figma

The tricky solution I came up with: Put text over the image that is the same size as image, hyper link it to desired link, put opacity of font at 0%. Worked like a charm.
user2684452's user avatar
6 votes

How do I join two paths in Figma?

I got to do it this way and it worked smoothly: Step 1: Outline the strokes (⇧ + ⌘ + O) Step 2: Union selection Step 3: Flatten (⌘ + E) You can View the Demo 📹
Ngeshlew's user avatar
  • 396
6 votes
Accepted

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

Yes, I have also faced this problem and come to a solution, which may help you: Open Figma. Draw a rectangle Select a pen tool with P on your keyboard or the help of mouse. Draw desired shape with ...
B4BIPIN's user avatar
  • 206
5 votes
Accepted

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

I think the best solution here is to drag the layer or group manually into the artboard in the layer menu. The layer should keep his original positioning but is now inside the artboard:
ofhouse's user avatar
  • 393
5 votes

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

Not possible with Figma natively at this moment but there's a workaround. If you check the Prototype tab you'll see that on the Trigger section there's no scroll option. So you can't set a change to ...
Luciano's user avatar
  • 7,925
5 votes

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

Chris from UXPin here! First of all, this thread is awesome and I'm super happy that I've found it while it's still fresh :) @Michael, Yes, we're kind of less popular than other tools on the market, ...
Chris Stryjewski's user avatar
5 votes
Accepted

How to align text box on Figma?

That line is the baseline, it's where the characters "sit": The outer rectangle is the Text Box. If you just clicked on the screen with the Text tool selected it will create a one-line text. The ...
Luciano's user avatar
  • 7,925
5 votes

Export a group in Figma to PNG at specific size?

Select the group In the Export panel, click the + icon to add an export option Then proceed as per the screenshot below, repeat step 2 for as many sizes as required. Note: "w" means width ...
Billy Kerr's user avatar
  • 86.4k
4 votes
Accepted

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

Select the frame instead, then try prototyping (you have only the object selected). if you select the complete frame it's gonna enable it, and it's disabled when an object is selected.
S. Phoenix's user avatar
4 votes
Accepted

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

I have used Sketch / Figma / Xd / Invision Studio and I suppose they're the top 4 because they've been around for a while. It looks to me that UXPin is a newer tool and as such it takes time for ...
Luciano's user avatar
  • 7,925
4 votes

Mirror copy of a website iin figma

Even though I don't see how importing a site into Figma would be able to help you with the redesign as you said you are starting from scratch, there is a solution! There is a plugin called HTML to ...
Gleb Sabirzyanov's user avatar
4 votes

How you connect a line to a rectangle in figma?

Sounds like FigJam (figma's new whiteboard tool) might be a good tool for flowcharts. You can also select both the line and the rectangle and Group them together (right-click > Group Selection OR ...
Clark Marketing Communications's user avatar
4 votes
Accepted

Prevent Figma auto-nesting

Holding spacebar is correct. I'm using the Desktop version of Figma 97.7 on Mac OS 11.3.1 Pressing nothing, will nest the items You can see the difference below when holding down spacebar. Watch the ...
Sulphr's user avatar
  • 126
4 votes

Open source alternative for figma

Penpot, while still in beta is a pretty solid open source figma alternative, with loads of features. It is a webapp, works with SVG as a native format and supports interactive prototypes, shared ...
spiral's user avatar
  • 7,361
3 votes
Accepted

How do I achieve such gradient / fill in Figma?

Yes you can do it in Figma. These are actually just simple linear gradients from top to bottom, and the semi-circles are actually regular circles. The top color is close to the one in the background, ...
Luciano's user avatar
  • 7,925
3 votes

How you connect a line to a rectangle in figma?

You can't. Figma is not a dedicated flowchart tool (at least not so far). Alternatively you can use a plugin like Flowkit or one of the zillion flowchart kits with predefined line shapes. But even ...
Luciano's user avatar
  • 7,925
3 votes
Accepted

Flex-grow in Figma auto layout?

Figma got this feature recently and it's called Auto Layout v3. You can find more info on Figma's own blog and learn more of it on Figma's YouTube Channel.
Ferdi Çıldız's user avatar
3 votes

Prevent Figma auto-nesting

To prevent auto-nesting, hold the spacebar before you drag over the frame. On a Mac, Safari 14.1
MG_'s user avatar
  • 1,521
3 votes
Accepted

How to make a cozy-soft border radius

You can achieve this look by clicking the 3 dots near the corner radius in Figma and playing with smoothing, unfortunately, XD can't read corner smoothing, so you won't be able to edit this as SVG ...
Amitay Gilboa's user avatar
3 votes
Accepted

How to check distance of two objects in Adobe Illustrator?

You can draw a line using the Line Tool between the two objects. The length of that line would be the gap between your objects. If you would like illustrated step-by-step guide, please let me know.
Siamak Ensafi's user avatar
3 votes
Accepted

Figma - Gradient over multiple elements

Select multiple objects and do Object > Flatten Selection. Now you should be able to add a gradient fill that spans all the objects. Example
Billy Kerr's user avatar
  • 86.4k
3 votes
Accepted

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

Figma is a browser in miniature, so it requires more computer resources in terms of RAM than a graphics card. Depending on your situation, if you add another graphics card, but your RAM remains the ...
AndriiD's user avatar
  • 250
2 votes
Accepted

Cannot integrate Zeplin into Figma project

It seems like your are viewing the file with only viewer permissions. In order to activate Zeplin integration, you have to have access to edit the file. Contact the file owner so they could upgrade ...
Gleb Sabirzyanov's user avatar
2 votes
Accepted

How to not show shadow through transparent shape in figma

There is no direct way to do this but you could achieve a similar-looking effect using a masking layer. It's hacky but it does the job thou
Jovis Joseph's user avatar
2 votes
Accepted

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

Yes. You can't use drag and drop for multiple elements, you need to select all the buttons and click on the options in the Prototype panel. Sorry for the short answer but it's a short question.
Luciano's user avatar
  • 7,925
2 votes

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

Have been a big fan of UXPin over the years but not using for all projects now and here are the reasons why - ie the downsides of UXPin. Unhelpful pricing / team plans. Unless you buy Enterprise plan ...
Jasmine Wilkinson UXNZ's user avatar
2 votes

Hyperlink Image Figma

Put a text box over it, command+k, paste link, make text transparent.
user2980368's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible