Ask the Community

Hi everyone.Our team and I have been using figma for a while. One of our front-end developers recently told me that the line height in Figma, which used to be displayed in pixels (px), suddenly started showing in percentage (%) about a month ago.In my case, I’ve always set percentage for text styles, so me and others haven’t experienced any issues. However, for him, it was always in px before, and now it seems to have changed automatically without any manual adjustments. Has anyone else experienced this issue? I would appreciate any solutions or suggestions. Thank you in advance!

Greetings,I have been having issues with a low-fi prototype I am designing in Figma. I am new to Figma, so I tried looking up answers on Youtube, using AI chats like Perplexity and ChatGPT, and looking through the conversations here. I find that none of these has revealed the answer.I have a back button on all of my screens, but it does not go back. I have the trigger set to “On Tap” and the action is “Back”. When I try to do it the longer way, I go to “Navigate To” under actions, but “Previous Page” is not listed as an option for a page to navigate to, though all my pages are there. I chose to “Navigate To” and then a specific page, but the button still does not work. I can only move forward through the flow, and never back. How do I fix this? 

Hi! My team is working on a project brief template that would include links to design figma/figjam files, and I’m experiencing some issues with links to pages/frames in current design don’t translate properly when used as an instance in our catalog figma file.We use the template in the individual design file, which would include the link to this specific design file because we want to share this in different places, then create a component out of it so we only need to update in one place.While in the individual design file, the links usually say something like “Go To blablabla” instead of “Open blabla” if we were linking to a different file.However, we ran into issues when we publish the component and insert the instance to our master catalog file, then all the links to pages/frames in this specific design files all became either not working or says “Frame in this file”, or it would point to the corresponding page in the catalog file. For example, if I link page 1 of the design file, t

Hello!I’m building a video player prototype using Figma’s video import feature. I’ve created a play/pause button that starts and stops the video as expected. I also added a time display that updates as the video plays — it's a component set with variants like 00:01, 00:02, etc., using "After Delay → Change To" to simulate the progression.Where I’m stuck is getting the time display to start and stop in sync with the play/pause button. Right now, the timer keeps running even when the video is paused.Any ideas or tips on how to link the timer to the play/pause action would be greatly appreciated!Thanks so much!

Hi, guys! Could you share your experience with responsive design? How do you show designs for different screens? Do you create responsive from the start, or do you make it separately? I have large and complicated project with lots of screens for desktop size. What would be the best way to show design in mobile screens? I did not create responsive from the start because it was not requested, but now some screens should be shown for mobile screens. Please share your opinions...

Como posso resolver o problema de atalhos? Pois os mesmos não estão funcionando, e os poucos que funcionam, não estão no padrão original.

There is a major mask cropping / scrolling problem - it affects every frame with an object that goes outside the bounds on the frame. It breaks every prototype. It cannot be fixed with a mask or with anything. Please see this video: The red area should not be visible as it is outside of the art board bounds and yet when wanting to scroll a prototype page vertically it breaks because it does not crop the content correctly. There should be no way to see the red element when in prototype mode - this is a bug and needs fixing.If someone thinks this is intended behaviour, they are wrong because most designers will want to have objects that run off the canvas or that are clipped. The main issue is that you would expect to use a mask to achieve this crop without additional scroll but Figma calculates the object measurements from the image within the mask not by the mask bounds, so therefore we all have a major problem with clipping, prototype and masking.

Hello, I am trying to figure out how I need to configure SCIM Provisioning in Microsoft Entra in case the user principal name (upn) is not the same as the “mail” attribute. Our company has multiple top-level domains. In this case the global domain, used as user principal name is always example**.com**. The user attribute “mail” is based on the top level domain of the user location, like example**.de** or example**.com**. After configuring SCIM provisioning for my users, they are shown in the UI, but after logging in with their mail or upn, the SCIM provisioning state of the user is stuck at “pending scim”. The shown mail address is the upn domain example**.com**. I followed these instructions to setup SCIM provisioning:Figma Learn - Help Center

I find the floating bottom toolbar more visually complex and challenging to use compared to the previous top toolbar. Constantly shifting my attention downwards disrupts my workflow and feels inconvenient. It would be helpful if we could either revert to the previous layout or have the option to move the toolbar to the top, bottom, or reposition it freely—similar to Photoshop. This flexibility would allow users to customize the layout to better suit their workflow.

You (Figma) gave us the option to revert to UI2 if we didn’t like the floating toolbar, and now you’re telling us that you’re forcing us to use UI3. This is incredibly frustrating. The floating toolbar at the bottom of the screen is distracting and counterintuitive. This strikes me as a decision that was made with little to no user testing. The vast majority of all design apps have the tools at the top, or at the VERY LEAST give the user the option to move the toolbars around. Be better, Figma.

Hello there, I want to join 2 vector paths in Figma, but I don't know how to do it : Why I can't use Vector > Join Selection with my vector paths ? See attachment file above this line of text.Thanks for your help!

I've been learning Figma for the past six months. I came across this website (https://organimo.com/) and really liked the scrolling effect. I’d love to recreate something similar as a prototype in Figma. Could anyone guide me on how to achieve this? Any help would be greatly appreciated!

Is it possible to see all the places where a defined theme variable is used? Like “go to references” in code.

Hi, I’ve created a site in Relume and imported into Figma. I’ve then installed the ‘Figma to Elementor’ plugin, but when I go convert, i get an figma “the node is not a mainframe” error, which prevents the plugin from importing to Elementor. I’ve tried grouping and framing the selection but with no joy.Does anyone have any experience with this plugin or the node not a mainframe issue?ThanksDean.

Hello,I have a frame with a 12 column stretched grid layout. In this frame I have an autolayout (left/right). The left container is also an autolayout with text in it.the text width is relative to the grid. When I resize the whole frame the grid resizes and i want the text width to also resize as the grid.See this video for reference: https://fspee.com/elementor.mp4I have the same problem when the left/right are not 50/50 but have 5/12 col + 7/12 for example.I guess it’s the same issue.See this video for reference: https://fspee.com/elementor-2.mp4Is this even possible?Thank you.

I don’t know what’s happened to my controls all of a sudden, but whenever I type a number into the width box in the right panel, the height of the frame changes, and vice versa. When I type a number into the vertical padding box, the horizontal padding of the frame changes and vice versa. It’s an issue both in the browser version and desktop app. I think I might have accidentally pressed some weird keyboard shortcut but I’m not sure and I don’t know how to fix it

Hi,I'm a Figma beginner and I'm following a lot of training/videos to understand how it works.I'm trying in vain to use the hover function: when I move the mouse over a button, I want it to change color.Basically, the basics!However, when I use on hovering function in the prototype, it doesn't work… I try also the mouse enter and mouse leave, but same results...Could someone explain how to do this? On the videos I've seen, the menus are different, so I can't find the right tabs to do the same thing.Thank you for your help.

Hello community. I have reusable design system which contains next files: Design token (where located all variables) and Components (where I have all needed components controled by variables from previous file). When I start new project, I duplicate that two files and swap libraries to connect them to each other. The problem is that color variables applied to components are still related to old token library. Currently I need manually replace color variables by the same variables from new (just duplicated file). Maybe there are any plugins or tools that can automate this replace/swap color variables process.Thanks :)

Currently it appears I need to click onto each color and change it manually which is a pain. I would love if I could just adjust all colors in the gradient with a hue slider.

With the latest admin panel update this week, it seems we lost the ability to view hidden teams. Anyone else experiencing this issue? Or am I simply not looking in the right spot now that things moved around?

Im struggling to find any decent specifics about what spec is best to use. Would either of these laptops suffice or be overkill? Im not doing any 3D modelling etc but just lots of wireframes, hi-fid mockups and screen recordingsMacBook Pro (M4 Pro, 2024) 16 inch with 14-core CPU and 20-core GPU, 24GB Unified Memory, 512GB SSDOrApple MacBook Pro 14”, M4 Max Processor, 36GB RAM, 1TB SSD

My design is getting really big and slow, so I am looking for the most efficiënt way to create hover states on components.  I have a bunch of pretty big/complex components that represent a conveyor track in my design. They include shapes, shadows, text (sizes), icons, etc. When the user hovers over them they get a different color to indicate that they are selectable, similar to a button.I now have a normal state, and a hover state that is exactly the same, only with a semi-transparent hover shape in a different color on top of it. I do not really like this approach, as I have to maintain both states if an icon or something changes, and it feels dump to just have the whole thing duplicated. I am also thinking my components have double the amount of shapes they really need, causing additional slow-down.  I was thinking of extracting everything in a track part component into a ‘base shape’ component and include that in both states, but I am not sure this will actually help (it's a lot of

I can’t seem to disable spell check no matter what I do, enabling it does not remove these red underlines either.My version of Figma is 125.2.3 on Windows, and there are no updates. I have also disabled all native spelling correction in Windows.  

Hello Figma Team,I waited for a long time for my account to be active with Figma AI. Please open access for my account soon. Thank you for your work. Best regards, 

Currently the deleted node only returns id and type, there’re no other properties about it. I understand that since it’s been deleted so figma may decided not to keep those useless data. But is there a way I can achieve those properties like it’s a normal/undeleted node?