Ask the Community

So I’ve been trying to find a solution to a card component that I designed with no luck. Its a custom shape as the background and whenever I try to apply auto layout it removes the current curves and turns it into a rectangle. Heres a link:Figma – 20 Aug 24 Anyone have a solution to this?

Hi team, I Darshan Hiranandani, need to update my payment information for our professional plan. Currently, a personal credit card is being used, and I would like to switch it to a company credit card. Specifically, I need to: Remove the personal credit card information from my account. Update the payment details with the new company credit card. Does anyone have suggestions or know the best way to make these changes? Any advice on the steps to follow or issues to watch out for would be greatly appreciated. Thanks for your help! Best, Darshan Hiranandani

it’s all wrong, I have to delete all the code manually.

I’m trying to create a snackbar notification that appears when I add an item to my wishlist, and I also want a heart icon to fill in when this action occurs. However, I’m having trouble getting both the filled heart icon and the snackbar notification to show up simultaneously when I click the heart. How can I achieve this?

Hello everyone, I’m a newbie UI/UX designer and am currently learning the ropes. I’m facing some challenges related to the workflow process for designing responsive websites in Figma. Workflow Confusion: After completing the desktop design, should I move on to creating the mobile version and then prototype both? Or is it better to prototype the desktop version first and then work on the mobile design and prototype? Component Sets: When designing for responsiveness, how should I handle component sets? We can’t apply constrains to Components. Do I need to detach instances to adjust components for mobile? I’d really appreciate any advice or tips on how to tackle these issues efficiently. Thanks in advance!

The glitchy pattern changes when I zoom in and out but it never renders correctly in the viewer.

Hi everybody! I’m a teacher at the university and I’m helping my students in signing up to Figma with Educational plan. What kind of document/file should they upload in this form? (“Class schedule” is generic, especially dealing with differences in universities across the world 😉 )

I found “save .fig” but that saves it locally. I do not know how to save a file to the cloud. I am ready to share it but it’s currently “untitled” and there’s no “save” in the menu. Command+S does not attempt to save or add file name. I assume it’s currently saved and autosaves, but I feel like sharing an untitled document looks bad. Also I’m fery annoyed there’s no UI for a basic save, even Google docs lets you know when something is being saved

I want to access one of my files (“Novus”), but I’m unable to because it says I need to request permission to access it. However, I am supposed to be the owner of the file. How can I regain access to it? I have a lot of work material there, and I can’t afford to lose it.

I use an overlay frame for popups , is there a way to show them once only , so if you go back to the screen they won’t jump agian- looking to create a condition on start show = 0 if show = 0 show popup after delay show popup and change show to show = 1 if show = 1 is that possible ? dont show

My smart animate is blank. I tried to export a frame, it is blank in every format I try. Someone else had this issue, but there is no info on how to fix it. It was solved through a support ticket.

Unable to access a secondary account to retrieve files. The email address used for the account has been deactivated, I do not have access to it, or able to forward from the address or reset password to it.

HELP 😭 I dont understand why am i not able to fix this nav bar to bottom like where’s the checkbox gurl 😭 y’all need to stop updating this shi too much 🤪😭

Is it possible in Figma to create a prototype where, when a user clicks on a text field, the label smoothly animates and moves up to the top border of the text field, mimicking the floating label effect commonly seen in form designs? Additionally, I want other text fields in the form to reset to their default state (with the label inside the text field) when they are not active. I’m particularly interested in achieving this functionality using interactions with onClick triggers and conditional logic, especially when managing multiple text fields within the same form. Any guidance or tips on setting this up would be greatly appreciated.

I’m trying to create a Figma prototype of a form with specific functionality. This is a multiselect form that exists out 6 of the same instances. This component this instance comes from has 4 states: Default Active Hover Disabled What I need to happen is that when a user selects ‘No preference’ all other selected options need to be turned off (aka set to ‘Default’). What also needs to happen is if ‘No preference’ is set to ‘Active’ and another option is selected, the ‘No Preference’ option needs to be turned off (aka set to ‘Default’). In short, ‘No preference’ can never be used in combination with any of the other options but the other options should be selectable with each other… Anybody can help me figure out how to get this working?

I have a Pro account, and A file that’s been shared with me now says my access is restricted, even though up until now I had full editing permission

Hello everyone ! I’m setting up a UI-kit and I’d like to get the other people in my team involved. Is there a way of keeping them in View Only but being able to create branches so that they can contribute via merging without running the risk of breaking files? Thank you in advance for your reply.

Hi Figma Friends! I was wondering if anyone has had any ideas or workarounds when dealing with the dev-side of things for color variables. Currently we have a primitive color collection that is cross referenced with our semantic colors collection. Inside of the variable collection interface, we use groups to keep things organized and easy to use for our designers, but it seems like on the dev-mode side, Figma is translating the group names to individual variables. So for example, we have a variable called “bg-neutral-primary,” which is inside of the “Backgrounds/Primary” group in our semantic collection. In Figma, this is great because the group name appears as a heading above all the variables in that group and since the variables themselves have a predictable naming structure, we can quickly search through them in the color panel. However, in dev-mode the variable name becomes “–Background-Neutral-bg-neutral-primary” which is too long and less than ideal. It also prevents our devs fr

Anyone having Font Awesome Pro issues after the April update to their plugin? Now I can only insert in a svg of an icon, and cannot treat it like text. Updated to the latest Font Awesomes locally, restarted, can see the new free and brands, but not the pro.

I have 360 variants in my button component. How can I select some of them quickly based on my preferences? For example I’d like to select only the variants LARGE and ICON-ONLY. Is there a trick? Currently I select them manually that’s cumbersome and risky.

Hi all, Long time user of Figma and am currently experiencing a strange issue. When I open a file from the Figma Desktop app or from a Figma/FigJam file link, the file will open as usual in my app, but then Figma will also open in my safari browser (default browser set by my employer) and will continue to open over and over again, creating an unlimited amount of tabs every 15 seconds or so. It is only opening to the main Figma home dashboard. Has anyone else experienced this and/or have a fix?

I have a component that is an auto layout. I would like to add an auto layout even earlier but I can’t do that. I could make an auto layout inside the component but I would have to copy all the settings of the first one into the new auto layout and then delete them from the initial one.

I think my question is not clear client downloaded the app opened the file on his phone meanwhile i cannot see his name or if he is in the file while i work on the desktop version of Figma I also asked if there is a way to work in private without people seeing me all the time thanks

I will try to explain the problem that I and my dev team are facing right now. It is mainly about texts that are used in designs and building designs for native apps. Figma decided to use an approach that would be optimal for designers who work and build for different platforms. How texts are presented in designs required some kind of compromise described here Link which in general makes sense but is irrelevant to how typography should be built for native apps. Line-heigh that is implemented in Figma position text by adding from the top and the bottom of the text block the same amount of space. And in code, it doesn’t look the same. So we cannot use my interpretation of the typography that describes each font by font size and line-height. On iOS for example our devs could use lineHeightMultiple but because Figma respect different logic the differences between design and reality are far from the pixel-perfect world. The other workaround would be to not use line-height on designs, add “e