Ask the Community

Hello, My code will refresh the first text box with the updated variable… but then it exits and throws runtime errors. async function refreshNodesUsingVariables(updatedVariableIds) { const nodes = Figma.currentPage.findAll(); for (const node of nodes) { try { let nodeUpdated = false; if (node.boundVariables) { for (const variableId of updatedVariableIds) { for (const [property, boundVariable] of Object.entries(node.boundVariables)) { if (boundVariable.id === variableId) { if (typeof node.setVariableValue === 'function') { node.setVariableValue(property, boundVariable); } else { console.warn(`Function 'setVariableValue' is not available on node ${node.name}`); } nodeUpdated = true; } } } } if (nodeUpdated && node.type === 'TEXT' && node.fontName) { try { await figma.loadFontAsync(node.fontName); node.characters = node.characters; // Refresh

In this video, the speaker is clearly using a Figma file created by Figma for experimenting with dev mode. However when I look up that file name in the communinty: Dev Mode playground(community) - it clearly is not the same and it is not created by Figma. Does this file exist for dev mode experimentation?

I’m not good at Figma, i’m gonna make a design like this, but how can add transparent text to glass effect

I can create a FigJam, but can’t move it out of my drafts despite being in a team with Editor permissions.

I’m running two displays on a 2021 14-inch M1 MacBook Pro. Figma is the only application that causes these screen artifacts (verticals lines) to show up on my main display (LG 38WN95C-W 38"). Figma itself then becomes “burned” onto the screen.

Hello! I’ve read the articles about having too many variables, or duplicate/old variables but I think my issue is a little different. I’m building a multi-level nav, which has parents and children and sub-children. Currently, I have each button (nav item) handling it’s own State, because I need to be able to control each button separately based on what gets selected. The issue: There are a lot of variables to switch per selection. Breadcrumbs, Page Titles, Descriptions, Page Views, the nav item itself getting selected and simultaneously setting all others to default. My question is, is there an easier way to do mass variable state switches for the nav? If I add a new nav item, or include a new element that requires a variable, I then have to go into each nav item’s interactions and add that to the list. As you can imagine with 20+ nav items this gets tiring and frustrating. 😛 It would be great to have these all be part of a larger group where the rule is only one can be selecte

Prototype Not behaving properly and requires multiple refresh to play the right interactions. The issues is mostly with overlays

Hey everyone! I’m trying to upload my design files to the Figma Community, but I’m having trouble adding tags to them. The option just doesn’t seem to show up. Has anyone else experienced this or know how to fix it? Any help would be awesome, thanks!

Am I going nuts, or is Figma just utterly messed up this month? I need to reload every five minutes. I am loosing faith in my skills, because sometimes I mess up but I don’t even trust whether it’s me or not, if the app just doesn’t listen! This is exhausting. I’m not listing all the issues because it would take too much time which I don’t have at the moment, hence the frustration. I can do it later if anyone is reading this. For now please advice if you have similar feelings.

Hi there! We published a Community file—Free fintech style pack—on Friday. We can access it through the file, but it’s not on our Community page, though it says that it’s live. Can you help?

Hello, In my draft I have dozens of single screens, images and flows. When I select a screen to preview, my expectation is to see previewed the file that I have selected, not random screens around my artboard of which I do not understand the reason for which they are picked by Figma in place of the screen I have selected. I also do not understand why this seems to be random, yesterday I didn’t have this problem, today working on the same screen, I click preview and I get previewed another screen. It doesn’t make any sense to me, I just want to see previewed the screen I select, simple as that. thanks PS: i am not talking about prototype view, for that i have no problem

Is there a version of “on click” that can be initiated by a long press? When using “while pressing” to open a menu, as soon as the user lets go the menu disappears, so they can’t actually use the menu (only display it briefly). If there isn’t a way to simulate this, would love there to be. It’s a fairly common pattern these days.

How is the company information in the invoice updated

This is the initial componant and then when I contract it. When I shrink the image should shrink maintaining aspect ratio

Hello, thanks for reading. I am trying to get the hang of creating tables in Figma, I’m using this tutorial: How to Create Data Tables in Figma: Best Practices and Figma File | Untitled UI. I realise this was written before the last Figma UI update, but I thought the functionality of, in this case, Auto Layout would remain the same so I would be able to puzzle it out. But I’m at step 18 of the tutorial (Make your table component responsive) and I haven’t been able to replicate the step. The tutorial says: ‘While you have the entire table component selected, switch the width from hug contents to fixed width. Then, press enter to select the child layers (Table header and Content). In the Frame properties section, switch the horizontal resizing to fill container’ When I change the horizontal resizing to fill container, my table looks like the screenshot at the bottom. This doesn’t feel like what should be happening, for some reason the table header resizes to 418 px height, when the text

Hey im trying to prototype this scrolling of zoomed seats and the seats rows should overlay the seats while also scrolling vertically to fit the proper row. since im a new user i cant upload directly to here so heres a youtube link to show you what my problem is. 20240903 1046 09 0680422 how do i do it properly? thanks !

Dear Figma Support Team, I hope this message finds you well. I’m writing to bring to your attention that I have not received the latest update for Figma on my account. I have already tried restarting Figma and checking my internet connection, but the update prompt hasn’t appeared. Could you please assist me in resolving this issue? I would appreciate any guidance or steps I can take to ensure that I receive the latest updates as soon as possible. Thank you for your attention to this matter. I look forward to your prompt response. Best regards,

Why does the SanFrancisco Text font disappear when I type Chinese characters in Figma?

Figma blend mode has a default value of “pass through”, but the default value for the “mix-blend-mode” property in CSS is “normal”. What is the corresponding value of “pass through” in the CSS property, and what is the difference between “pass through” and “normal”?

Hello Community, I want to show an overlay when I click a button and close it when I click outside the overlay. The overlay has a transparent design, so I want to hide the button to open the overlay while the overlay is open. With opening the overlay, this is no problem for me, I simply set a variable to hide the button with the click interaction on the button. However, I have trouble showing the button again when I close the overlay. It seems that there is no function to specify an action when the overlay is closed? I also haven’t found a clean workaround, although I’ve done quite a bit of research. Adding a transparent click area around the button doesn’t seem like a clean option. Since I’m not using a full-screen overlay, there are still buttons outside that you can click while the overlay is open. When I click on such a button, not only should the overlay be closed, but also the button I just clicked should switch to an active state. I think a transparent click area would require a

I have a lot of components that have text in them. (Let’s suspend the need for text that “scales” with resizing (which is urgent, Figma team.). ALL THE TIME, text bleeds out of the frame boundaries, regardless of how much I futz with Autolayout, or Constraints. How can I make it so the text frame resizes appropriately and doesn’t bleed?

Hello! I’ve been prototyping using variables and after a few issues I got everything working. It works perfectly on my computer and on two of my colleagues’ computers as well. BUT… I shared the prototype to a third colleague and for some reasons the variables don’t work for them. Basically if a variable has a value defined before starting the prototype, it’s fine, but if an interaction has a set variable, it doesn’t change the variable. I tried different settings but can’t seem to find a solution. Has anyone experienced this too? Here is a file exemplifying the issue. My colleague sees the following when going through the prototype: Figma – 2 Sep 24 Thank you!

I have some checkboxes nested inside of a button like this: In my components, the checkboxes appear correctly when switching to the On state: When tested however, they revert to their original color: Is there a way to fix this without having to create more variants on the checkbox?

Guys, please help me…I dont know what’s happening with Figma desktop app. i was designing prototyping and even though I connected it to right screen, either its taking me to another screen or not at all. I checked 5times connections. and reopened desktop app once.

Hello everyone, as we know Figma has feature Find & replace text that could rename all text in the entire page or the entire file., but what if I need to find and replace some text just on specific frames inside a page, not all frame in a whole page?