Get Solutions

Dear Figma community, I’d like to do two actions on click of a checkbox: set a variable to increase a counter change the component variant to a different variant that has a checked checkbox. Just looking at the interface Figma seems to allow me to do this and add the change to. However when I try to change the status from “default” to “selected”, it automatically switches back after I select “selected”. Why could this be? Does anyone have an idea? Thank you for your help! Update: I got it to work by removing and adding it back a few times. Not sure what happened there.

I have a simple gradient style using color variables with light and dark mode values:   This gradient is used as a fill on the hover variant of a component with a simple dissolve animation while hovering:  This works fine in Auto (Light) mode, but when placed in a Dark mode frame, there seems to be a flash of light mode colors when mousing out of the component.Has anyone else encountered this?Is it a bug, or am I missing something with how color variable modes interact with animations?Prototype:Design File: 

In my design file, when the info icon is clicked, a popup appears with some text. The thing is, there are 100 info icons spread across my design file. Is there a way to change the text/content on the popup based on which info icon is clicked without having to make 100 different popups?

 I created a frame that has an ‘outside’ stroke. That is, the stroke is outside the frame:However, when the image is exported, the frame is included in the final file. This seems like a bug.  Exported image: 

Issue Description:Hello, I’m experiencing an issue with Dev Mode in Figma: it has stopped loading code, even though it worked fine before. No matter which code type I select (HTML/CSS, React, Swift, etc.) in the Dev resources → Code panel, the field remains empty.Key observations:The loading indicator spins, but in the end, the code section remains blank. I have tried different Dev Mode plugins (e.g., Figma to Code, Figma Tokens, etc.), but none of them load the code. I switched between different code types (HTML, React, Swift), but nothing changes.I have already tried all possible troubleshooting steps, but nothing has worked.What I Have Already Tried:✅ Checked Figma’s status → https://status.figma.com/ (everything is operational).✅ Created a new project in my workspace → Dev Mode does not work even in a fresh file.✅ Tried different Dev Mode plugins → none of them display any code.✅ Opened Figma in different versions:Web version (Chrome, Edge, Firefox) — Not working Incognito mode — N

I have a billing related issue. How do I contact customer support? 

Currently facing an issue where, after a certain number of embeds are put into one Confluence page, the embeds inconsistently break and stay blank. It doesn’t matter if I use the native iframe or a third-party app to embed, the issue is the same. I know the permissions are correct because they DO load from time to time, or the embeds will take turns working.When the embed doesn’t load, this little sad face appears on the cornerI don’t know if this is a Figma issue or a Confluence issue. Any solves?

Is there a way we can do this!! I saw the topic below previously, but no one replied afterwards. @Figma_Moderation if you could help with this situation. How To Maintain Master Component Overlay Interaction Across Pages Ask the community I’ve created some auto-layout variants on the first page that need overlays on top, that goes outside the boundary - therefore I cannot do all the hacky work arounds to have the hover state in the variants section. I have to move them out and connect them via: open overlay. [image] So far so good - as long as I have everything on the same page, all of my interactions going out from the master component just work fine. But as soon as I open up a new page with some extended interactions that n…

Is there a way I can stop Figma from using decimal places? “Snap to pixel” grid is not fixing it. When I draw or move an object, it some times places things on the .5 pixel, a line for example, if I draw with the pen tool it will not lock to the whole integer.

Hello. There seems to be a problem with the constraints of components. Seems like one part of the document is ok and the other not. I’ve tried everything from duplicating the document, copying to another page, etcThe only thing that worked is that I moved everything on the page to the left, but everything beyond the point in the video does not work. It’s bugging out.Because of this bug, I cannot create more variations.Please help me fix this. It’s driving me crazy. Thank you in advance.https://www.loom.com/share/af8f8d2d8c674f2e9078185d8465c713?sid=97414fec-537a-4845-8016-f4f0ee79ee41 

As per the subject, problem displaying proto in new Firefox 136.0 update (aarch64) on Mac OSX SEQUOIA 15.3.1Attached image  

Almost nobody talks about that, why? After over 1 year of using Figma I sometimes still can’t find things in the right (design/properties) panel. Sometimes I can’t even find a defined color (good luck with #333 and figma in darkmode 😉 ) or an input field to change something. It sounds strange right? But it’s the first “software” with (in my opinion) an absolute terrible user interface! It never happens to me on any Adobe programs, Sketch, Affinity and other tools. I always know where to look at or I can scan the interface without any problems - but not in Figma. Yes it’s trendy to show input fields only on hover, but it’s trash when the LABEL LOOKS EXACTLY LIKE THE VALUE of the field 🤬 You can’t even scan for subtitles because on complex objects almost everything in the whole panel looks the same! HOW on earth can you design a design tool like this? What do you think? Did you search for something in this panel for yourself? by the way I use tools like this for more than

开发模式下如何自定义宽度？ 比如1920px的设计稿 ，我想在1440的宽度下开发，以适配小尺寸电脑。 

I am using a UI kit that has variables set up Primitive, Semantic and Component Specific Variables.There are 2,000 of them and I need to find e.g. a specific primitive ‘Emerald/200’ or a semantic ‘Primary/200’ but the only way I see is to scroll though the list on the left in the variable panel and it seems really convoluted.Also, I wish I could click on a variable alias in the the variable panel and it then take me to the original so I can then find variables that way by clicking from component variable to semantic variable to primitive variable.

设计稿是1920px的，我如何把设计尺寸改为1440来展示。For example 

At a certain point (approximately 6 hours ago), a frame containing master components suddenly malfunctioned: Element sizes changed to fractional values (e.g., 24.56px instead of 24px). Fonts from the library stopped applying correctly. I’m unable to adjust sizes in the master component, even though Constraints and Auto Layout have been checked. The issue only occurred in one frame; other elements in the file are working fine. I cannot revert to a previous version of the file because many new elements have been created in the last 6 hours. What I’ve already tried: Checked and reset the frame scale to 100%. Verified Constraints and Auto Layout in the master component. Reconnected the font library and created new text styles. Used plugins like Round to fix fractional values.  

This may seem like a small gripe, but it drives me crazy on a daily basis. When editing a textbox in the canvas, hitting Esc. commits your changes, and exits editing more. When editing a layer name however, Esc. discards your changes, and exits. When editing a section name Esc. commits changes as well. When editing a variable value it discards your changes. When editing a frame name in the canvas it commits your changes. It would save me lots of heartache and re-typing if you just made Esc. commit changes all the time. Or visa versa and I would eventually learn. But making that interaction different in the canvas and out of the canvas is infuriating.  

Hi,I’m building a multi-user/product dashboard. I have an atoms based design approach. Everything works, but the file is non-performant. It’s slow to update and I’m not sure how to optimize Figma’s memory management across files, components, and libraries to keep things all in sync. Right now I have a nav panel that uses variables and modes to switch b/w a big variant set operating within a swap component. It’s almost like a huge JSON. This doesn’t feel like the best way to use the tool, but figma’s constraints for keeping things on the same page in order for variables to work for prototypes and the slower or nonfunctional performance when breaking things up kind of leave me no choice for now.Has anyone figured out how to seamlessly navigate pages using a nav panel where you have maybe ~8 categories of pages with ~12 subpages within each category? So ~100 variants

 in Figma on the right panel there is feature " Layer" user need it when he create a boolean and wants to connect it to an object, why its missing in my right panel, i have the paid virsion Dev Mod

Figma file data is gone. It was fine until last November, but when I go in now, the data is rolled back to the state I was working in last June. The history back also goes back to June. I think there is a problem with the file. It is important data, so I really want to get it back. Can you tell me why? (It looks like not only one file but the other two files were rolled back as well. I think there may be a problem with the account itself.)

В фигме стали появляться писксели, когда курсор не двигается и особенно, когда двигаешь им вперед назад. Прикладываю фото, обычно ещё по экрану в центре и сильне и так в независимости от открытого проекта и на главной странице. 

Hello! I need help, I need to recover my account from an email that was deactivated by my school, and I need to transfer my information to another email. please I do not know who to talk to!!!

I’m a UX/UI design student who is new to the field so please bare with me.I want to create an interactive text input field for my prototype. I have a made an input field component with default and active variants. When the component is clicked on it switches to the active variants. What I can’t figure out is how to make it go back to the default variant when the user clicks outside of the component. Most of the answers I have seen online direct me to check off ‘reset component state’ under the ‘state management section’. That is not an option for my interaction, the only option I see is ‘reset scroll position’. Interactions details shown in picture.Any help would be greatly appreciated, thanks!

I can’t change the underline color from Selection Colors. Changing the color there doesn’t trigger any changes[redacted the file URL]

The top navigation bar in figma is missing. When I google how to make them appear, I can only find information on the side UI panels, not the top one. Has anyone had this issue and knows how to fix it? I am on the professional plan.