27
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 (...
- 2,193
14
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 ...
- 383
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 ...
- 91
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.
- 357
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:
- 383
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 ...
- 7,900
5
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 ...
- 196
5
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 📹
- 386
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, ...
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 ...
- 7,900
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.
- 56
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 ...
- 7,900
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 ...
- 255
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 ...
4
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 ...
- 82.3k
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 ...
- 7,269
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, ...
- 7,900
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 ...
- 7,900
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.
- 1,052
3
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 ...
- 116
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 ...
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.
- 170
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 ...
- 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 ...
- 255
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 ...
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
- 207
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.
- 7,900
2
votes
2
votes
Accepted
How to change the stroke of a single edge in a shape?
I'm not a Figma user, but doing something like that is usually not possible in vector graphics because the whole vector shape (which is a single closed path) can only have one stroke, and one fill, ...
- 82.3k
2
votes
Accepted
Figma: flattened vector exports as multiple paths
Figma doesn't handle flattening shapes the same way Illustrator does.
It uses booleans for merging 2 shapes together, as a non-destructive way to create a new shape. Unfortunately, you'd need to take ...
Only top scored, non community-wiki answers of a minimum length are eligible