Ask the Community

Hello, I’m having difficulties in finishing a prototype. My prototype consist of a frame with two components that have seperate flows. I would like it to be so that when one flow ends the user is able to click a button (or something else if that helps) in the final variant of the first component and then it scrolls down to the next component.This is on the same frame imitating a webpage that has two onboarding guides where the first is and introduction and the ladder is resolving the introduction. The component flows are controlled by the two main components and their variants. I’m not entirely sure if this is the most appropriate way to do it and if you have any ideas or tips that could help me resolve this please let me know. The issue if that i’m unable to create the final interaction that makes component 1 scroll to component 2 in the prototype frame. Do i have to combine the components or will i have to make it completely from scratch?? Please also let me know if you need any addi

So, I created a nav bar in my website design in Figma, as a nav bar is a common component. It is included on every page, and each page have two identical copies with one containing transparent nav bar and other containing solid nav bar both copies are connected with each other with mouse enter and leave interaction and now I connected every page login button from nav bar including their copies to log in form overlay menu which on clicking open login menu and as u fill login menu from start with filling no. then filling otp and submitting otp now what I want is that after clicking submitting button in otp filling state it should change the nav bar to log out nav bar

Hello everyone,I'm in the process of developing an iOS application and am looking to hire the best iOS apps development services available. With numerous options out there, it's challenging to identify a reputable and experienced team that can deliver high-quality results.For those who have previously worked with iOS app developers, could you share your experiences? Specifically, I'm interested in: The quality of the delivered app​ Adherence to deadlines and budgets​Appinventiv Communication and collaboration during the development process​ Any red flags to watch out for when selecting a development service​ Your insights will be invaluable in helping me make an informed decision.Thank you in advance!

I just bought Pro access to be able to use videos. But it plays only in the editor mode. How to show it to the audience (online or by file sharing)?

Currently, if we comment on an artboard and move it around the same page the comment bubble usually stays with that artboard wherever it goes. But when an artboard is cut/pasted to another page within the Figma file the comments do move with the artboard. This becomes a problem if I want to move my older designs into the archive page along with the comments for auditing. Any help?

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?