Ask the Community

Hello,I was wondering whether prototyping with variables is incompatible with interactive component states? Specifically, I wanted to create a one screen prototype using tab components such that when one tab is selected, all of the other tabs deselect. I was successful in doing so using the steps described below, but had to remove the prototyping connectors from my component. Is this a known issue, by design, or is there a way around it? Thanks in advance for any insight. Added local boolean variables for Tab 1 Active, Tab 2 Active, Tab 3 active and set only Tab 1 to true. Then in design mode, I applied the variable to the component property for active state for each tab. In prototype mode added set variable actions on click to make the tab being clicked set the boolean variable to true, and false of each of the other tabs present in the prototype.

Additive work in Figma: Two Figma files with the same variables. File1 contains elements like buttons, etc., while File2 is empty. Is it possible to copy buttons from File1 into File2 so that the buttons are automatically linked to the variables in File2 (same names and connections, but different color assignments for the primitives)? If the variables in File1 and File2 are identical, can I copy a button with links to variables from File1 into File2, and will the button automatically link to the variables from File2?

How do I access the project when this comes up? Uh oh… we can’t open that file We can’t open this file because WebGL isn’t supported, or is disabled, in your browser. If your browser supports WebGL, check out this help article to find out how to enable it.

Design a spotify cover

Recently the owner of our Figma account left the company, how we can remove him from the member list and assign the owner role to another account?

Hey guys! I have a problem that all my words start with capital letters right in the middle of the sentence. I must have some configuration adjusted for this, but I don’t know how it happened. Can I help a resolver? Thank you very much!

"I want the selected shape node to become a child of a specific frame while keeping its position and rotation unchanged. When I manually drag and drop the shape into the frame using the Figma Layers panel, this works perfectly (left frame in the image). However, when I try to do the same using the Figma Plugin API, the shape’s position and rotation are altered (right frame in the image). Any way to achieve the same programmatically?

Hi there,I’m trying to use a toggle to be able to open and close a panel while clicking on a different button (different component)So I created a collection of boolean variables to do that, with the “Hide for publishing” option unticked :  But I cannot for the life of me associate it with my target panel like I think I used before by finding it in the appearance option? Like, when I try to set the variable, I cannot even find my variables :   Would anyone be able to help? Thanks a lot in advance and sorry for the bad english 🙏🙏🙏

Left a comment in prototype mode of desktop app Resolved comment in design mode Comment reappeared Deleted thread Comment reappeared Resolved comment Received ‘Sorry, this comment is unavailable.’ error message Note that I reloaded the tab and restarted the desktop app and repeated these^ steps, and the issue remains. Update: The comment doesn’t exist when I open the prototype in Figma web. It’s driving me nuts; I use comments like a checklist, and it makes me feel like I have something left to do and it makes my workspace feel messy. Related to this issue that I can’t reopen: Cant resolve Comments, also cant hide them

For the string variable. I have been trying to delete the “string value” and leave it blank, but it keeps reappearing. Also,I have repeated to add string variable with another design and it worked. But the time im adding to the existing file, it’s frustrating.

I want to export my variable collection and import into a new file. All the plugins I found do import the individual variables and collections, but the connections/links are lost. This means my collections are no longer linked to the primitives, and instead, the hex values are displayed. Is there a plugin or any way to export the variables while keeping all the connections intact?

Hello,I am trying to purchase a professional plan for my personal team on Figma, but it shows this message when I am reviewing the billing info:Your payment method’s address is in a country that can’t pay in EUR. Please use a different payment method.My bank account is in the Czech Republic.Sadly, I am on a tight schedule.

Hey everyone, I’m trying to create a heatmap feature in a custom embed that tracks where users click in Figma prototypes. I’m using Figma’s Embed Kit 2.0 and specifically listening for the MOUSE_PRESS_OR_RELEASE event. The only coordinate-related fields I see are:nearestScrollingFrameMousePosition nearestScrollingFrameOffsetThe thing is, in some prototypes, nearestScrollingFrameMousePosition is properly populated, but in other prototypes, it stays null (even though I do have scrollable frames). Here’s a stripped-down version of my codeif (event.data.type === "MOUSE_PRESS_OR_RELEASE") { const figmaEvent = event.data; // as MousePressOrReleaseMessage const { nearestScrollingFrameMousePosition, nearestScrollingFrameOffset, presentedNodeId, handled, } = figmaEvent.data; let x = null; let y = null; // Attempt to get coordinates from the "nearestScrollingFrame" if (nearestScrollingFrameMousePosition && nearestScrollingFrameOffset) { x = nearestScrollingFrameMous

One of the last remaining pain points that I encounter in most of my projects when trying to set up components to be responsive across devices, is needing to be able to define a fixed aspect ratio for responsive images. For example say I’m creating an instagram or youtube feed where the images/videos are 1x1 or 16x9, It would be great if we could lock the image layers aspect ratio to that. Unfortunately in the current state there is no way to have those images retain their aspect ratio’s on a responsive screen by using the fill property or left and right constraints, it would be amazing if responsive components respected a locked aspect ratio (or something similar) on shape/image layers so image/video heavy designs could be more accurately responsive.

I have one file on my account that is missing. It’s an important project. I still have the URL but it can’t be found. Trying to paste it here but Im not allowed to do that. I have searched everywhere in deleted files and so on but it just gone.  Someone that could help?  Catrin  

I have a component with a limited amount of space for text. The text will be too long in some instances and I need it to overflow to a second or third line. However, I don’t want that second or third line to always be there. How can I replicate this with Figma?  

Hello! A few days ago I tried to share a FigJam to Google Classroom. I clicked “make a copy,” but when the FigJam was shared, a copy for each student had not been made; all the students were viewing the original FigJam together, which was, obviously, chaos. Another teacher with a separate account on a separate computer tried to re-share the same FigJam as a copy twice but had the exact same result. The following day, a completely different teacher in my school system - with a separate account and a separate computer - tried to share a completely different FigJam to Google Classroom and had the exact same result. It would not copy, despite clicking “make a copy.” All three of us double-checked that we were following the procedure correctly, and have successfully shared Figjams in the past using the “make a copy” function, so there was no user error. This has never occurred before, but the issue is making those Figjams unusable for our school system. Please advise.

Right, so I have thing thing where I want to use variables and conditionals to use in a prototype where a user would select:0 checkboxes and then select Button and get error message saying you need to agree to both checkboxes 1 checkbox and get error message saying you need to agree to both checkboxes 1 checkbox (the other one) and get error message saying you need to agree to both checkboxes 2 checkboxes and then move on to checkout flow The checkboxes should be easy to toggle between active/inactive.When the button is selected and the error message appears, I need the checkboxes to show error (red outline) if inactive. Anyone done this or seen a tutorial on it? I tried so many different things in Figma, did it in Axure in 10 minutes and ended up drinking  whiskey instead. Thank you in advance for your time.          

I’m working on a mod for a game. The file allows to swap inventory icons for ammunition and edit them to the user’s liking. Now, i’m new to Figma and this is all a trial and error kinda learning, so far i could do everything i wanted precisely how i wanted.I’ve hit a wall which is technically only a minor inconvenience: I have a component with “bullet tips”, each variant is just one bullet tip. I have another component which are whole “bullet cartridges”, and each variant has between 1 and 3 bullets in it. Each bullet (a separate group within a component) has a nested instance for bullet tip swap, so the “cartridges” component variants have 1-3 nested instances of “bullet tips”The cartridge is then nested in the final “ammo box” instance that has all of the nested components swaps listed.Now the problem i have is that the nested instance swap shows 1-3 bullet tip swaps based on the number of bullets of course. What i want to do, since they’re supposed to be the same, is to have ONE swa

Is there a way for multiple users to test an unpublished widget? I'm developing a game widget for FigJam and I need to test the multiplayer aspect of it; however, the widget isn't ready to be published to the larger community/made public. 

Is there a limit to how many nodes that can be retrieved from the https://www.figma.com/developers/api#get-images-endpoint endpoint?

I could only find one similar query and it was auto-closed with no answers. I have cloned a library and I’m swapping a file to that library so I can test component changes non-destructively. It is a straight clone, no changes at all have yet been made. Not to naming, position, theme, anything. Several components are not found after swapping the library. I can find them myself in the file, they exist and are named as expected, but the built in swap insists they do not. This is clearly a bug, has anyone found a way around it?

Hello all,  I am thinking about purchasing the Figma Professional plan, what I cannot find is whether I can also put my prototype online with a plugin with this plan. (working website) Is that possible after designing the site or do I need Enterprise? Thankyou very much for your help!! Kind regards, Stefanie.

Hi! I keep getting view requests from random email addresses, so I think that my shareable link was leaked. How can I change the existing link so I can share it again ONLY with the people I want to give access?Thanks!

Hello everyone, I have the following question:I would like to show and hide an object between different viewports.On desktop it should be seen, but at a certain resolution, so by squeezing the artboard in width, it should be hidden.Is it possible to do this via variables?If YES! How?Thank you