Ask the Community

I’m trying to toggle the visibility of the Product line based on the user’s selection. If the user selects “Show Product” and clicks the “Give me Result” button, the Product line should be displayed; otherwise, it should remain hidden. The same logic applies to the Unit Price. I’ve been working on this for nearly 6 hours, watching videos and reading Figma articles, but nothing has been helpful so far. Does anybody have any idea.

Hi everyone, Has anyone encountered this situation? I didn’t delete the file or anything, I went to the file and it appeared like this, what’s wrong?

Has anyone had any success? Is it just SwiftKey? Typing in notes or similar just appends text, going back doesn’t understand if you’re adding to a word.

Perhaps somebody has the same problem: Example: I have a component of a button with 2 variants: First variant is red Second variant is blue 1st and 2nd are connected via “while hovering” Now i get an instance of this button in a seperate file. I change via the right side menu the variant to the 2nd (blue). I now manually change blue to a green color. If i now switch in edit mode between the two variants, the button is red and the hover is green. So far, so good. If i open prototype mode, Figma “forgets / ignores” my adjustment to green and reset the component to the original blue hover. This is especially annoying if you have for example an empty menu component, change the menu accordingly, just to see that Figma ignores your menu adjustments in prototyp mode. Anybody experiencing the same issue or am i doing something wrong? Thank you 🙂

I want to get a function that is a conversion from Photoshop to Figma. I referred to the Transform API transform and used the following code to implement it, but I didn’t get the correct result. const radians = (angle * Math.PI) / 180 const cos = Math.cos(radians) * scale const sin = Math.sin(radians) * scale const gradientTransform: Transform = [ [cos , sin, offset.x ], [-sin, cos, offset.y], ] how can I get the correct effect for the gradient radius and gradient direction? below is json code { "top": 0, "left": 0, "bottom": 0, "right": 0, "blendMode": "normal", "opacity": 1, "clipping": false, "transparencyProtected": false, "hidden": false, "name": "添加游记", "id": 316, "sectionDivider": { "type": 1, "key": "pass", "subType": 0 }, "protected": { "transparency": false,

Hey Figma, it’s great to change your UI, but it would have been better to address the issues that have been around for years… How are we supposed to clearly see the data in the panels if the windows can’t be resized? Is it that hard to implement?

Hi everyone, I am currently evaluating whether the professional plan on Figma is suitable for my needs. Currently, another designer and I use the same account to create projects on Figma. In the free version, it is allowed to create a team with three projects where I can add as many guests as I want to edit the files. My question is, if on the paid plan, by paying only $15.00, can I also invite external people to edit files? Or would I have to pay an additional $15 for each new person I add to the team? In that scenario, it wouldn’t be worth it for me. Thanks in advance for your help!

Hi everyone, I’m stuck here… I want the background of my page (stadium + dark blue rectangle + gradient rectangle) to move down along with the changes when the page is below a defined width… The background elements are currently in absolute position. So, here is the problem: The title, subtitle and frame with the EAGLES jersey are in auto-layout, when the width of the page is less than a defined width, the text will go above the image. This is exactly what I want. When the text moves above the image, all elements below move down except the background which is in absolute position. Then the perspective between the uniforms and the stadium is wrong. If the background images had moved down along with the rest of the page, there would be a problem. I don’t seem to find a solution by myself. I would take any ideas and advice to make it work. You can check the problem here → Home Thanks

I am develop a plugin that can apply variable colors by some rule. I found I need to assign the value like this: I know that “e1b04111db373f08ec909607224cbaf0ff8aa032” is the variable’s id, but what is the “/2671:40” , and how do I acquire it? I am using const tokensCollection = libraryVariableCollections.find(collection => collection.name === "Tokens"); if (tokensCollection) { const libraryVariables = await figma.teamLibrary.getVariablesInLibraryCollectionAsync(tokensCollection.key); const hoverlibraryVariable = libraryVariables.find(variable => variable.name.includes("Hover")); console.log(hoverlibraryVariable.key) } but it only get “e1b04111db373f08ec909607224cbaf0ff8aa032” part

I created a square frame, which has layer blur behind a text sentence. I made it a component to use it accordingly. But right now the layer blur value has changed automatically. Is anyone facing the same problem. My purpose is to create templates for social media and which has color layer blurs behind the text. Initially it was working fine, but now the color is bleeding to the whole frame. Can it be because of file getting heavy?

I have created my buttons for assignment one, however I am struggling to paste them into the assignment.

I´m creating a prototype for a touch-display, and the user can switch between frames and interact with the information. In the prototype editor, I´ve connected all the nodes correctly, made sure to add the right settings (click on > navigate to > …). It should all work, hypothetically. But when I preview the prototype (the play button in the upper right corner), some of my interactions don´t seem to show up. The icon that I connected the interaction from doesn´t even show up as a clickeable shape. Does anyone know why this could be and how I can fix it? It´s only the icon that doesn´t work, unfortunately, it´s on nearly every frame so that´s a bit of a bummer. I´ve checked, and it´s not a component either, just a normal shape.

The red guidelines for smart selection do not appear anymore on the canvas when I select multiple objects. Is there an update or a new version of Figma that addresses this issue?

Im not sure if im doing anything wrong? But when in design mode, it has happened often that the layout grid in the side panel disappears and suddenly appears again. How do I get it back, and am i doing something that makes it disappear?

I’m trying to outline some text, but when I adjust the outline settings, the outline doesn’t seem to be following the shape of the text consistently. Why is that?

Hi, when I try to copy & paste using the keyboard shortcut in Figma web version it always pastes as a Plain text. How can I fix this, I tried allowing/blocking access to Clipboard but still, it isn’t fixed. As a workaround I had to right click then copy and use the same right click and use paster here option as you can see it is quite painful. Please advise me on how to fix it this in my Windows 11 W360 VDI machine.

Hi, I’ve encountered a problem with strokes while trying to make texts that contains letters with a circular shape. I haven’t found any solution to this except just simply filling the holes with shapes, so I was wondering if there’s somebody that knows how to fix this. Thanks.

Gradient Color Is not working, there is massive problem. Pleasse solve that issue ASAP.

Hi Guys! I am new to this. I know how to fill the color and no idea how the selection color gets filled? What I want is Primary (fill)color for the object and secondary color for the corners. Any help would be appreciated.

I’m encountering an issue with my Figma prototype. I’ve attached a screenshot for reference. When I apply the “After Delay” interaction on “Frame 1 Love,” the animation does not work in the prototype output. However, if I set the interaction to “While Hovering” on “Frame 1 Love” and then apply “After Delay” interactions for “Frame 2 Health” and “Frame 3 Abundance,” the animations work as expected. I’m not sure why the “After Delay” interaction isn’t working for the initial frame. Could you please guide me on how to resolve this issue?

Whenever I try to rescale my projects to fit within a specific frame (i.e. a SharePoint webpart) I always run into discrepancies with my graphic animations. Can someone explain why when I highlight all my frames (which should include all objects within them) I can’t perfectly resize them to say 0.75x without something not getting messed up? Thank you.

I made 2 plugins , i created pay system with license key . The plugins are popular and people install them often . As I see no one buys the first plugin with use limits. Please , if any one can at least point me . The Chart Generator plugin : https://www.figma.com/community/plugin/1358159585557549106/chart-generator I was trying to get answer before , but no one answered .

Sorry for a duplicate topic, the original one was not active and not specific enough. I want to make negative space and so that the space clearly corresponds to the grid in terms of the number of columns and rows, so that there are only four guides taken into account. Is there any plugin or something for it?

Hi, I have a fairly large file in Figma. To reduce it, I transferred sections to another file. However, these changes seem to have required quite a bit of memory causing me to get the message “Changes you made to [file name] while offline haven’t synced yet.” No matter how long the file keeps syncing nothing happens. In the browser app I can open it just fine so here I was able to get an old version out but this means that all the different teams working in this have non-working links in huge numbers of tickets. Hope someone can help.

My team is currently building a design system but we are running into the same conversation on building a component in Figma vs building it in a code base. Full transparency, I am a designer and have only a small amount of knowledge when it comes to how a developer might take a design and code it. It is my understanding that “a Design System is the complete set of standards, systems and processes a company will use to implement a design at scale” and a UI Kit is purely a representation to be used when creating these products (ie. putting components in a mockup). For context, designers and developers are discussing how to make a list item with a divider. Designers want to use a HR component but developers would prefer to attach a bottom border. How crucial is it for the component in Figma to match the code, or is it ok for them to share a name but be built differently.