Hot answers tagged

22

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 (Ctrl+J), or by using the Pen tool.


9

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 selected on the canvas and the selected tool is the Move-tool (Shortcut: V). Make a double click on the existing vector shape to get into the vector editor mode. ...


8

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.


7

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 the upper left written Solid select it and change it to Linear for Linear Gradient and Radial for Radial Gradient and others according to your choice 4) And ...


5

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:


5

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 lower space in the box is to accommodate the descenders of characters such as y, j, g, and the space above for the ascenders and uppercase letters. Spacing will be ...


4

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.


4

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 happen when a user scrolls your prototype. (I'm not sure if there are any plans to add a scroll trigger in the future). You can find more info on how to use ...


4

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 your pen tool Go to the right-hand side toolbar and select stroke, and then follow below steps in stroke field. Increase the width of the line by dragging with ...


4

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 Cmnd+G / Ctrl+G)


4

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 Figma. Just install it and run, then enter website URL and it should render it directly into Figma. It may be slightly buggy but I guess it's as good as ...


4

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 📹


4

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, and given what you can accomplish with our tool, we ask ourselves pretty much the same question ;) There are some differences in our offering compared to the ...


3

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 people to start using and write about it. (Although I've quickly googled and found a few reviews already) I'm mostly using Figma and Xd nowadays so I'm writing from ...


3

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, and the bottom color is either the same as the background or just 100% transparent. See below image, the objects are selected hence the blue outline. And ...


3

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 with those you simply position your shapes and lines, it won't stay connected like in powerpoint or omnigraffle.


3

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 layer panel to see the difference between holding spacebar and not holding spacebar when dragging items into frames. Holding spacebar will prevent nesting


3

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 shape in adobe XD Here's how to do this in Figma:


3

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.


2

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 you to editor (it require payment if they are on a Professional team). Alternatively you can make a duplicate of the file to your Drafts folder if you have ...


2

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 (unknown / expensive price) you cannot add team members but limit them to only seeing certain projects. This is ridiculous as a freelancer or small agency is ...


2

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


2

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.


2

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.


2

Put a text box over it, command+k, paste link, make text transparent.


2

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, and only a closed path will display a fill properly. So you can't have individual segments of the same path with a different stroke. Anyway, here's a workaround: ...


2

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 this into a program like illustrator to create a fully custom shape, or use the pen tool to trace it.


2

Possible yes, but the usefulness of using grids depends on the kind of illustration, what style is used, or how the artist wants to work; whether sketching by hand first, or using grids in graphics software. Some artists use them, but some don't. Some might even use them when sketching by hand, but not necessarily in graphics software itself. There is ...


2

This feature is only available natively on the Organization plan and is called Team Library Analytics: https://help.figma.com/hc/en-us/articles/360039238353-Track-library-and-component-usage On the Pro plan, the closest option is to use Instance Finder plugin to find components used within the file. You can go through each file manually and launch the plugin ...


2

To prevent auto-nesting, hold the spacebar before you drag over the frame. On a Mac, Safari 14.1


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