Ask the Community

I have a button component with the typical default, hover and active states for mouse over animation, nothing special. I want to click this button and: Navigate to a new frame Open an overlay on this frame. If I map multiple On Click actions to a static element then this works. As soon as I try to map these actions onto a button component, only the first action of navigating to a new frame works. So I can’t get it to work on a hover animated button and I have no idea why this would be the case. I don’t have any conflicting actions with the danger icon on anything. Please help! Thanks. Edit: To clarify, I even tested this with a component that had the 3 button states but didn’t have any prototyping links between the states in the component and it worked just fine. As soon as I added a link to a hover state variant the multiple On Click actions broke.

Hei, I discover interaction between normal text and text with underline not work. One component is normal text the other is with underline. At first the hover effect worked without text input changing. When I changed text in the instance, then interactive effect disappeared.

Calling all Figma Prototyping Gurus!!  Interaction challenge. Trying to incorporate a pretty common interaction these days of a UI panel expanding smoothly from it's position in a scrollable stacked grid to a detailed view, then contracts back when closed.  I feel like I've explored every avenue to figuring this one out (Smart animate, scroll position states on/off, using overlays, swapping overlays, chanting to the gods...) unfortunately, looking like it's not possible in Figma. As soon as the grid stack of panels is scrolled out of it's original position it breaks the interaction. So, before I lose all my hair and close the book on this one, thought I put it out there and see if anyone else has or can figure a work around to this basic interaction. 

Hi Figma,I’m new to Figma and just started yesterday. I was working on a project using the AI Beta feature, which allows 3 free uses per day, and I’m really happy with the progress so far. I was planning to upgrade to the Professional plan (with a seat) so I could continue working on it. While searching today for free options for students, I came across the Education plan and got verified. Unfortunately, when I revisited my project, this plan doesn’t include access to the AI Beta feature I was using. How can I revert back to the normal plan and pay instead, so I can continue my project? Also, if I upgrade, will I still be able to access the project I was working on? It’s very important to me. Thank you so much!   

I was approved on student plan with my personal email while working with one school but I switched to other school where I want to be the educator. Since I was already approved on student plan I don't have option to change to educator's plan. I contacted Figma's support but as I see they sent bot reply which isn't connected to my case and repeats what I have already read in the internet. Can anybody help me figure out how to approach this case? 

Hi all, Is there any way to find out the contact info of the author/designer of a figma file?? 

In my company, we have strict security policies, and I need to ensure compliance before using MCP. Specifically, I would like to understand where the server is initiated when the get_code_connect_map command is executed. Does it run on my local machine, or is it hosted on Figma's servers? Any clarification on this would be greatly appreciated!

​​​​​​Hi gang, Im having an issue with some style variables that were added to old version of DS file still showing even after I removed from the file Im working in and removing the shared library where they came from. Context: This variable was created to switch from IOS to Android stylings, but once we started using them we found it was super buggy and we’ve changed our approach.So the issue is now, I had created a duplicate of the DS library file to start improving and fixing some of the issues and components as the original was being used in an active project, I removed the original library from the new one, but now the variables from the old file are still showing up. Any advice would be amazing ❤️

It works fine on other browsers like MS Edge and Chrome. I’ve noticed the same issue in Firefox while using Confluence as well.Has anyone else faced the same? And any idea on how to resolve this?What I’ve tried until now:Updated / reinstalled Firefox. Cleared browser cache. 

Linear Gradient Color IssueThe linear gradient isn't rendering smoothly — colors are either banding, blending unevenly, or not matching the intended design. Please check: Gradient angle and stops Transition smoothness between colors If the blending mode or opacity is affecting visibility Also, test across light/dark mode or different screen types if possible.

HI! just noticed that when i upscale an object with a stroke applied to it. the stroke maintains its width. Is there a way for the stroke to scale with the object? (Just like in Illustrator) Using Scale tool not an option, as it indeed scales up the width of the object, but when dealing idth icons, as soon as you swap an instance, the new instance reverts back to original width. Thanks in advance

Halo semuanya 👋Saya ingin membagikan proyek desain UI/UX terbaru saya berjudul "Upin Ipin Universe 1.0" – sebuah konsep antarmuka buatan penggemar untuk game mobile open-world fiktif yang terinspirasi dari animasi populer Upin & Ipin.🌏 Ide ProyekUpin Ipin Universe dibayangkan sebagai game sandbox penuh warna di mana pemain bisa menjelajahi Kampung Durian Runtuh, menyelesaikan misi seru, dan berinteraksi dengan karakter lokal. Saya ingin menciptakan UI yang mencerminkan kehidupan Asia Tenggara yang ceria, namun tetap sederhana untuk anak-anak dan pemain mobile.🎨 Fitur Desain Menu Utama: Ikon animasi, sudut membulat, warna tropis yang hangat. Pemilihan Karakter: Tata letak bersih dengan overlay bergaya kartun dan tombol preview suara. Peta Game: Terinspirasi dari landmark lokal dengan elemen ilustrasi tangan. Sistem Misi: Kotak dialog dengan dukungan dua bahasa (Melayu & Inggris). 🛠️ Alat yang Digunakan Figma (Auto Layout, Komponen, Prototipe Interaktif) Illustrator (

How can I edit a file created in Make in Figma?

Hi, I’m trying to write a plugin that will create slide decks based off a template and spreadsheet of data.I want to write template slides that use some syntax such as `{{field}}` where anything in `{{}}` is considered the column name and for every row in the table a new slide is created with the placeholder replaced with the value from the spread sheet.I need to have more than one slide that is the template. So I want to be able to name the slides.Having looked around I should be able to rename the frame that represents the slide. However this isn’t possible.I’ve been following these instructions https://help.figma.com/hc/en-us/articles/360039958934-Rename-Layers The problem is the layer view doesn’t show me anything that represents the whole slide. Is it even possible to set the name of a slide?

cmd + shift + enter, what would you expect that to do? what about cmd + enter?imo enter for sibling, tab for child. but up to y’all. rn it just feels unintuitive and a cumbersome

When I export any objects from Figma to PNG, the result files have the same transparent areas as in original objects. But not in PDF - transparent areas always replace with white color areas! Exporting from Figma, you can see the transparent area around the icon: Result (png), transparency saved: Result (pdf) transparency was replaced with white color:

I created variables for weight, font family, and sizes. In our design library, I updated all our font styles with variables. The variables are listed below. The problem is that sometimes, the fonts would show up as “Open Sans Condensed” instead of “Open Sans”. The only way to correct it was to break the link to the style and then reapply it. It broke many components and styles where this library was used. I disconnected all the variables from the font styles and defined them as one would normally. I published the library again. Updated the library within the file and the font on the text was still wrong. The fix is to select the component. Reset changes and then undo. Not sure what I did wrong or why it broke so much stuff. But, I would like to resolve it as we plan on making several different modes for different accessibility needs and this would save us a considerable amount of time. Note: Open Sans is not installed locally. The problem occurs on Mac and PC using Chrome, Firefox, and

Hey! I am currently experimenting with Code Connect and yesterday while reading I came up to a document that was related to best practices to be followed by designers in order for Code Connect to work at its best, but I am not able to find it today. Could someone help? Thanks!

I have created a file containing components and styles that I would like to re-use in other files, so I published the library. When I include the library in another file, all the components etc. show up, but not the typography or color styyles. What am I missing?

Hi community,My colleague and I suddenly run into this issue. When we select any text elements, including creating a new one, not bounded to any styles or components or variables, the colours won’t show any library files. It only shows 1 colour swatch. See image below. This swatch was created in this file somehow. I cannot even delete or modify it.  The file was working the day before, but suddenly broke. I found this post, but the answer doesn’t address the issue.Does anyone know how to solve this please? Thank you so much in advance. 

i want to scroll through my design when in prototype mode but i don’t want the cursor to be visible because it just makes it annoying. anyway to solve this?

I'm running into a small issue when switching icon variants inside a component instance.In general, I apply a specific color override to icons, and everything works fine in the main component: when I swap an icon, it keeps the overridden color as expected.However, when I use an instance of that component and change the icon variant (for example, from Brand A to Brand B), the color override disappears. The icon reverts to its default color, even though the rest of the component still respects the correct theme.What's odd is that this only happens in instances — in base components or standalone frames, the override persists just fine.[Get here](https://heyapks.net/block-blast/)Has anyone else experienced something like this? Or is there a workaround to keep the color override when swapping icon variants inside component instances?Thanks in advance!

Hi Figma Community, I’m experiencing an issue with font rendering in my Figma prototype, and I could really use some help! The font is Apple DS Gothic Neo (an embedded font) The font looks fine when I’m designing, but when I view the prototype, the text appears distorted or uses a different font entirely. I’ve tried clearing my cache, restarting Figma, and even reinstalling the font, but the problem persists. Has anyone else faced this issue before? Are there any specific settings I should check, or is there a workaround? I’d appreciate any advice or suggestions on how to resolve this! Thanks in advance! 🙏

I’m trying to create this toggle. The overlapped area is its own component, since I don’t want it to change when the # of items of being updated and affecting the size/padding of the pills. I added an auto-layout and set the overlapped area to “ignore.”However, that part is now sitting on top of the other frames, even though it’s below them in the Layers panel. How do I keep it beneath?

 I created this shape from a mask (see left panel) and want to turn it into a vector. However, flattening it just gets rid of the mask like so: And all the boolean operations like union or intersect fills the shape with the stroke color: How do I work around this? Thank you