Ask the Community

Hi everyone,I’m working with overlays in Figma and running into an issue where i need to make the background text invisible when the overlay opens.Is there a way in Figma to automatically hide, blur, or remove the background text/content when an overlay is triggered? I’m looking for a solution that works cleanly in prototype mode without duplicating screens if possible.Any tips, best practices, or workarounds would be really appreciated. Thanks!

Hello,I have this problem where I can’t put a png image over my shapes/UI. It always either goes above, below or in between them. There’s no overlay button in my interaction page (as shown in a tutorial video).Can anyone help TT

 How is this meant to be used? What is the purpose?

I updated my variables and now my components will not accept the new color variables. As shown here. I can manually reset but I want my variables to work! You can see that the applied variables disagree with the updated variables. Why are my components not inheriting the change?  

Is there a way to duplicate a Make file's code without duplicating the entire chat history? It looks like by default, the chat history is also duplicated when duplicating a Make file. I assume this entire chat history is passed to the LLM with each subsequent entry into the duplicated file’s chat, which presumably wastes tokens.

Hi everyone, I need some help with embedding a Figma prototype.I created two responsive website prototypes in Figma. When I open the prototype link directly in a browser, the interface adjusts correctly depending on the device (desktop or mobile), and everything looks fine.However, I embedded the prototype into a questionnaire (using Tally) to collect design feedback. The problem is that when I open the questionnaire on a desktop, the embedded prototype still appears in the mobile (phone-size) interface instead of switching to the desktop version.Does anyone know how to ensure that the desktop interface is displayed when the questionnaire is opened on a desktop device?For reference, the questionnaire platform I’m using is Tally.Thank you in advance!

Hello fellow Figma friends,For the life of me, I can’t understand why I can’t see the MCP setting under Preferences. I can’t see it in Dev Mode or Design mode. Thanks in advance :)  

I mistakenly granted edit access to a teammate, which temporarily assigned a paid Full seat and generated a one-time charge ($18.57). I’ve removed the access — is there any way to cancel or avoid this charge?

I am looking for a reliable way to export your Outlook calendar entries to Excel for easier analysis, reporting, or backup? Have you noticed that Outlook’s manual export often misses important details or creates formatting issues? If so, have you tried using the PST Migration Tool, which preserves all calendar fields and supports smooth, bulk conversions? Did the tool help you maintain data accuracy and save time while exporting large or multiple calendars? If you’ve used it, we’d love to hear your experience. Would you recommend the PST Migration Tool to others looking for a dependable Outlook-to-Excel solution?

Всех приветствую! Открываем топик для общения на русском языке. Пишите свои вопросы, пожелания, идеи. Официальное сообщество в России Figma Moscow Телеграм канал с анонсом всех новостей Мероприятия, которые будут по Figma, параллельно официальному сообществу буду анонсировать тут: Мероприятия по теме Figma (RU)

windowsデスクトップ版を使用しています。今まで表示されていたフォントが表示されなくなりました。（モリサワフォントなど）他のillustratorなどでは表示されています。figmaを再インストールしたりモリサワフォントをログインしなおしたりしましたが効果がありませんでした。windowsのアップデート後に表示されなくなった気がするのですが、直し方ご存じの方教えてください。

depois dessa atualização não achei mais as opções de fontes que tinha antes o tamanho do texto e nem que tipo de fonte ele está usando

When a user adds a comment to Figma by click/dragging a box around something - is there away to turn this into a regular comment attached to a frame?The problem with these comments is they don’t follow Frames when moved using “Move to Page” like regular comments. There doesn’t seem to be away to move them without losing them - and I haven’t found away to change a comment done in this way to attach to an artboard - then move it.It’s pretty annoying as I don’t want to lose clients comments when organising the file.Any ideas? Am I missing something? Thanks in advance! 😊

All the semantic variables are just hex values the reference colors (primitive palette) are stored in STYLES instead of variables The semantic roles are doubled both in the vairables and the styles the components themselves consume the styles instead of the variables The option to generate the color table is not a checkbox like the documentation claims. its just a link to the plugin page? I just want a simple monochrome app with one accent color for my CTA. VERY standard stuff. I don’t want this weird multicolor rainbow library that gives me PINK cards. What is going on???…. It’s a literal nightmare. I can’t see how to use or customise it systematically, or why any of these decisions were made. Is there anybody here who has successfuly used it and actually understands how it works??

Hey,I just found through this video https://youtu.be/GbfUHfCocIY?t=802 that’s possible to change images by changing variable modes. At some point in the video (minute 18:17) we can see a string variable “Team ID” which is probably what he’s using in the images properties. But we don’t manage to see how he’s applying it.First of, I can only apply the variable to an instance, not the actual component. I tried to do that and then from that instance create a new component, it does seem over engineered, but it does work. However I have an issue where if I change the mode once, it works, but if I try to change again it doesn’t work.So I’m not sure what would be the right way to replicate what’s in the video.Any thoughts?

I’m currently working with the Figma API and trying to retrieve data from a specific branch within my file. While I’ve identified the branch ID from the URL (e.g., https://www.figma.com/design//branch//...), I haven’t found any documentation indicating how to dynamically call or access branches using the API.Here are my questions:Is it possible to query a list of available branches or fetch branch-specific details using the Figma API?How can the branch_id parameter be utilized correctly in API requests, and are there any specific configurations required to access branches?Are there limitations or additional permissions needed to retrieve branch-specific content?For reference, I’m trying to execute the following API call with the branch_id parameter:https://api.figma.com/v1/files/?branch_id=I would greatly appreciate your guidance on this functionality or any alternative approaches to access branch-specific data programmatically. Thanks

 I’m trying to make a table with these parameters:4 columns Individual cells in columns 1–3 (like “expected shipment date”, expected delivery date”...) The table has to stretch horizontally proportionally with content always staying in its columns Columns 1–3 are grouped with the borderI don’t see how this is achievable in an adequate way. The way I did it now is having a second table underneath just for borders for columns 1–3 (“table 2” layer). With one layer it’s only possible to:Sacrifice grouping columns 1–3, then each cell will have it’s own border. Sacrifice stretching, then you can just adjust the cell’s border. Group columns 1–3 and use auto-stretching auto layout inside, but columns won’t stretch proportionally.Do you see any way to achieve that?The table“Table 1” layer (with content and individual cells)“Table 2” layer (with the border 1–3 columns border)Also attached the recording of how it’s stretching. It’s working, but like I said the second layer adds complications.

Hey all, I’m just getting round to investigating the native variable export options and have a question relating to $extensions .How relevant is this information outside of the Figma ecosystem? If I was to export this and add this to my GitHub Repository, should this just be something that I remove, and if so is there a way to exclude this from the export at all?If I understand correctly, that information is possibly only meant for importing into another file, but I just wanted to validate that assumption before hand.Some example code below to illustrate:"green": { "500": { "100A": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.13333334028720856, 0.5254902243614197, 0.3960784375667572 ], "alpha": 1, "hex": "#228665" }, "$extensions": { "com.figma.variableId": "VariableID:5809:5642"

We are currently not using variable modes, because our developers don’t get a clear enough inspection experience in Dev Mode.I would like to ask all of you 2 things:1. Do you know a solution that makes variable modes more explicit in Dev Mode?2. Can anyone please share how the new extended collections feature looks like when inspecting in Dev Mode? I want to know if it gives the developers a better experience there…Thank you in advance :)

I’ve noticed uncomfortable lags when I share my screen via MS Teams and present something in Figma Desktop. It feels like fps drops drastically - from 60 to around 15-20. Mouse hover feedbacks with a noticeable delay. These lags I started notice after updating to macOS Sequoia. My setup: Macbook Pro 2021 M1 Pro with 32GB RAM, macOS Sequoia 15.0 External monitor HP Z27 connected via usb-c thunderbolt Figma Desktop 124.4.7 MS Teams for mac Version 24244.507.3125.3475 I started investigating to identify the root cause and so far I figured out the next: The issue is only with Figma Desktop and MS Teams mac app. If I use Figma in browser or MS Teams in browser, everything is smooth. The issue is more noticeable with UI3. When I switch back to previous UI, it works much smoother, however not perfect and smooth as without sharing. When I share the internal Macbook screen the issue is less to not noticeable. At least there is a difference. I tried different thunderbolt cables, no difference

 Trying to create hamburger menu that opens a popup menu in Figma Sites, nothing works. please help!

Hi everyone, I’m currently working on an ecommerce website project and would love to get some community insights. As online shopping continues to evolve rapidly, I’m interested in learning:What are the most essential design elements for a high-converting ecommerce website? Which UI/UX trends should we prioritize in 2026 (product pages, cart flow, search)? How do you balance performance with rich visuals on ecommerce platforms? What tools, frameworks, or plugins do you recommend for responsive ecommerce design? Any examples of Figma ecommerce templates or components that have worked well?I’m especially interested in real-world examples, recommended workflows, and tips on optimizing checkout flows for better conversion rates.Looking forward to your ideas and resources!

I have used 3 different libraries in my page and have kept everything updated. The components I used in my work files are auto updating and somehow changing schemas and sizes without me or my team touching them. I am not able to track these as well on what has changed. Some frames which are marked for dev have changes as well and we dont have any notice or indication of this. Am I going wrong somewhere or is this a bug from figma?I looked at the history and I dont see any one touching anything. 

The problem is that I ran out of space in my email, so the letter wasn't sent. I freed up some space, but the letter still hasn't arrived. How can I get a link to restore the team again? support hasn't responded to me for 24 hours

Why does the slice tool move everything out of the way instead of sitting on top of what you want to slice? It does this even if I’m on the top frame. Coming from adobe I’m completely lost as to why this functions like this. The goal here is to get half of a section exported. Is there another way to do this?