Ask the Community

I really can’t scroll any further down while in presentation mode, but I put all elements in an auto layout Frame and I have a horizontal padding of 50. But I don’t have any space in presentation mode underneath the last element although I have a padding underneath it. I am also in responsive mode while presentation. Here the screenshots for understanding:

I accidentally deleted a page in the figure last night when I was working on a project. And now I don’t understand how this page can be returned

By mistake on 19 Nov 20204 1:00 PM my team got Deleted while I was managing files. So went to see on Google to see how I can recover where I found that confirmation mail will be delivered where within 28days you can recover your account but issue is that I didn’t receive any confirmation mail from Figma.

Please search for existing topics before posting! Press 🔍 at the upper right to search. Please search for existing topics before posting! Press 🔍 at the upper right to search. Hello. I have a question about the text variable feature. I am creating a soundtrack page where the color changes to a light red when hovering, and to a darker red when clicked. I used the “click → change to” component for this. However, I want to use the text variable feature to change the title of the currently playing music when a track is clicked. But when I try to add a variable to the “click → change” action in the prototype animation, either the “change to” function doesn’t work, or the variable feature doesn’t work. Is it possible to implement both at the same time?

Please search for existing topics before posting! Press 🔍 at the upper right to search.

Objective: I want to link the options of the dropdown list to the display below it. i.e. when I select game 1, the view of game 1 will appear below. now I have the interactions defined on the dropdown list - set variable and change state, but none of them works when running. Before I added set variable interaction, the dropdown worked, it just didn’t change the view below. if someone could point out what I’ve done wrong. many thanks Figma – 21 Nov 24

TL;DR: Can I realise in Figma that, upon clicking radio button (changing component state) to change the ‘Navigate to’ screen on a button, i.e. by changing the button or it’s state, to let the prototype go to a different screen (i.e. continual prototyping logic)? I’m working on a project where I’m digitising paper documents to an online platform. It’s basically creating a GoogleForms/Typeform questionnaire (quite large, 150+ fields), with an administration dashboard around it to review data. My issue herein is creating conditional prototyping flows. I would like to realise something in Figma that allows me to skip certain screens depending on component states (i.e. radio button states (yes/no or possibly checkboxes). Option 1: Duplicating screens with changing Continue buttons If I want to realise that, if ‘question 1 = A, then continue to screen 2, else skip and continue with 3’, then I see no other way than to duplicate screen 3. This way I can do 1-2-3-X or 1-3-X. And with each addi

So I have been trying for a few weeks now to build out a conditional based component for a simple tabbed content. Or as a single select option from an option of choices. Sadly, to date, the only way to make this is to have many variants that you then prototype between rather than relying on something more logical like conditionals. For example: If a user selects an inactive tab then change its state from inactive to active, and turn every other option to inactive regardless of its current state

I encountered a strange bug while testing the DM Sans font in the Figma app on macOS. The letter spacing changes as you type or when a new letter is added to a specific word. This issue doesn’t happen in Figma Web or with other fonts. I’ve attached a recording to demonstrate the problem. drive.google.com

I have been using locofy to export the React code via DevMode, but for a few days it does not seem to load any Code. If i look at the network tab in the Chrome dev tools it doesn’t even send a request or anything.

Hello all, I am not able to apply conditional prototyping(check if/else) to multiple option linked with next button. Figma geeks please help me prototype. I want to achieve a MCQ Questionaire which is interlinked with next button.

Despite solving most things, Figma still hasn’t properly addressed the “bring to front” and “send to back” features in 6 years. When I use “bring to front,” it pushes the element all the way to the bottom. Do I have to use “absolute” positioning just to move something forward or backward? Here’s my setup: Frame (auto layout) [ → Text → Text → Frame (list title bar -scroll on screenshot-) → List elements (10 frames stacked vertically) ] I want to make the list title bar sticky, but when I do, it overlaps the 10 list elements below. When I use “bring to front,” the list title bar gets pushed to the back. My goal is to prevent the 10 list elements from overlapping the list title bar. How can I achieve this?

Hi there, We have been using REST API to build our package Unity Figma Importer. For a while we didn’t encounter an issue when importing to Unity but now we see that the REST API no longer returns children of hidden instances. This is a show-stopper bug for our package. Please explain which change to the API causes this problem so that we can fix our package. Please update the changelog accordingly. We had a similar issue before because the changelog was not updated.

The assets on my design file are still there but invisible? They aren’t hidden and I put them onto their own frame to be able to see them in hierarchy but still not visible. When highlighted you can see the skeleton to see they’re all there, just not visible. Anyone know how to fix?

Does anyone know how to use either Google Sheet Sync or any other data syncing plugin/tool to map data from an external data source to different variants within a component? I’m trying to build an interactive component that will display different values. Rather than update the values manually, I would love to sync data directly to the different variants and then use instances of them in my design. For Google Sheet Sync, it appears to only sync with component instances and not the variants within a component.

Over the past couple of weeks, i’ve noticed that many of my previously assigned text styles are detaching on their own, even those that were applied a long time ago. They detach in copies, in source file everything is fine. Does anybody know what could trigger this?

I want to get some efficient solutions. so anyone who have similar experiences before, please share them! I’ve involved one of project that migrate PSD,PNG files into in the Figma. So I uploaded tons of png resources into Figma. there were 2 themes but now i have to add another theme. I was planning to copy and paste original theme and replace new theme resources to the original one. but i already mentioned, there are tons of resources plus deadline is really tight. so is there anyone who know how to solve this kind of problems or any proper plugin in this situation? additionally, plugins for replacing function generally usually work for replace about font color, stroke, gradients effect etc. What i need function is replacing PNG.

This is still an issue in 2024. When will this be fixed? It’s absolutely crippling trying to get around a document. On a Mac with the Desktop app [Command + Space + Click] (with Spotlight shortcut disabled) it switches to the Zoom cursor for half a second then immediately back to an arrow cursor.

Hi community! This is tricky to explain. But sometimes the arrow up/down seem to simply move the Caret Position in the input field to the beginning or the end, instead of changing the selected item in the list. If I hover the list, the up and down selection starts to work again. Using arrow down to select from all auto-complete searching is deep in my muscle memory, as I’m sure many of yours as well, so this issue has become somewhat if a nuisance to me. I never realized how many times per minute I searched and selected a style or variable before this started not to work. Could this be something with my trackpad, keyboard, computer etc. Or is it something anyone else also has experience?

The Figma attribute is not working properly. Previously, dragging the cursor could control the numbers in the attribute in the effect. However, recently dragging the cursor cannot change the numbers in the attribute box, and manual input is required. After experimentation, the colors and transparency inside are effective. However, in the effect, whether it is projection effect, layer blur, or background blur, the cursor cannot be dragged to change the numbers, and the keyboard must be used to change the numbers

We are updating our icons in our design system foundation library after rebranding. With this, icons don’t only get a new style, but we want to do some minor improvements. We want to combine 3 icons into 1, and make sure that all instances of these 3 icons across all files are updated to the 1 selected. But we can’t figure it out… We tried with the ‘merge it’ plugin but that did’t help (even though the description is exactly what we were looking for). We also tried combining the 3 icons as variants to create 1 component, but can’t figure out how to merge the variants into 1 and overwrite the instances. Does anyone have any suggestions?

I’m working on a phone dialpad for a mobile application where the buttons need to increase size as the text size increases. All the buttons start out the same size. I am finding that as text size increases, the buttons increase differently as the text size increases. Does anyone know how to keep the buttons equal in size as the text size increases?

Usually when i open a file, a new tab opens for that file, but now i only see the design file but no tab is opened for it. I’ve tried changing teams and re installing Figma but nothing changed. In the video belw, no tab is opened when i click on the file, i can see the file opening but it doesnt come up as a tab where i can leave and come back to it later.

I want this component to operate like a gwern hoverlink – When I hover over the text, the popup should appear. If I move my mouse away from the text and the popup, it should hide again. BUT – if move my mouse over the popup it should continue to stay visible, until the mouse leaves the popup. I actually think this used to work by simply adding a delay to the mouseLeave interaction on the text but this no longer works – the popup will hide even if my mouse is in it. A recent update (2-3 weeks ago) changed this behavior. Any solutions?

I made this overlapping text by converting ‘my’ to vector (Add Stroke Outline), and making that stroke white. The problem is the effect relies on a white stroke, so it only works if I export the whole image with a white background. I want it to have a transparent background so it will work on dark mode. Any help is appreciated - thank you!