Ask the Community

I have been trying to create components for navigation controls, radio button sets, and dropdowns that show an existing selection with a checkmark. Each of this interaction use cases calls for mutually exclusive logic for a successful prototype: Navigation Control: Only one section/page/screen can be shown at a time and thus the corresponding section needs to be “highlighted” in the Nav Control. By default, one section should always be “highlighted” as selected while the other sections are not. Radio Button Set: One option needs to be shown as selected by default (there is no “no selection” for radio button sets by default). When the user selects a different option, all other options must be deselected. Dropdown List: In some cases, Dropdown Lists will show an existing list option with a checkmark next to it. This reflects an existing choice made among the options (it might very well be a system defaul

Hi, I try to move a bunch of master components from a local file to a library file. Those components contain everything you imagine (variants, nested components, overrides, etc.). I followed the instructions in this article: Move-published-components I have no problems in publishing the origin file (no invalid assets or other problems). So when I now cut the compontens in the origin file and paste it into the destination file, I get the following error: “Some components were reparented to avoid a dependency cycle.” Does somebody know, what this message exactly means? How can I avoid that message? Is it even a problem? (I didn’t dare to continue and quickly undid everything via CMD + Z) 😉 Thanks for your help! Ben

The interface is simply gigantic, how can I mastobate it? what hot keys? please help 

Hello! I just signed up and got verified for Figma for Education and followed the steps to create a new Education team (Wisconsin Virtual School). My profile says “Education account, but the team still says “Free and I run into limitations that prompt me to still upgrade to the Professional plan (ex: only having 1 project). Is there just a delay in fully verifying my account even though it appeared as though it was all set? Or am I misunderstanding the explanation from Figma about what this Education plan entails?  Thanks for any insight!Meri

Does anyone know how this card open on hover is done? Ive tried but the difficulty is that the other cards reshape to the custom size for each one that is opened?Or if there is a template for this kind of Component that would help lots too thanks! 

I am an admin on a paid subscription and have given a user in my team Full Seat access for FigJam. Now he’s trying to edit a FigJam file created by me, but he needs to send a request for edit. Why? He has a full seat and I don’t understand why he cannot edit or even create a new FigJam file. Any ideas?

Hi everyone,I’ve been working on a project to design a user-friendly website, and I’m looking for some advice. I came across this site, which has a good design of the site, but I’m curious if anyone has other examples or recommendations for inspiration.I’m particularly struggling with balancing aesthetics and functionality. Does anyone have tips for creating designs that are visually appealing while also being easy to navigate?Also, how do you handle optimizing designs for different devices and screen sizes? I’d love to hear your thoughts and experiences.Thanks in advance for your help!

Hi guys good morning! I have a question in Figma. In the same page, I have fields for prices.When I enter a price, the total amount for the price should update:For the moment, I duplicate frames.  I was wondering, is there a way to use the variables to not duplicate the frames (make it less “messy”).Thank you so much for your help! Marine 

Please make it possible to disable white space padding on exports. Look at the attachment, this is just a single square and exported so much white space is added. I don’t want any white space, let alone this much.

I have created two separate components for Male and Female, each having two variants:Default (Unselected state) Selected (Pressed state)Problem:When viewing in Prototype mode, if I click on Male, it changes to the Selected state, but Female remains in Default (which is fine). However, if I then click on Female, both remain selected instead of Male switching back to Default.Goal:How can I ensure that selecting one option automatically deselects the other? I want only one variant (Male or Female) to be selected at a time while navigating the prototype.

When exporting an image from the GET image API the Quality is significantly worse compared to an Export from the Figma Desktop App. Question: Can the Quality be Controlled from the GET image API? Details As a result of lower Quality from the GET image API, there are many Artefacts in the Image. I tested in PNG and JPGs and got Artefacts for both Systems. When analyzing the pictures with ImageMagic the images are different in multiple details. In the Result that means that the REST API can’t be used as part of automatic Build Pipeline as the Quality of the Pictures can’t be centrolled. Comparison of an Gradient exported from Figma App vs. exported from GET Image API

can anyone suggest me what should i do?

 I want to create a smooth animation using Smart Animate on this tick ., but the dialog box beside it is also kind of moving with the tick  . Despite keeping all the x and y positions same in both frames of all the elements in the box , its still happening ..If anyone has any solution or advice, I would be really  appreciative. 

Guys, has anyone already found a clear solution about this bug? Figma changes a bold or regular font for an italic, it happens to me with Gotham font, I uninstalled it from the system, I installed it again, then I installed only the regular and bold ones, no italic, all the computers that have access to the Figma file have the same font installed, we all use the desktop program not in the browser, this problem is becoming a hell for us, does anyone have any solution please? 😩 😵‍💫

Hi there! After the latest update, I can’t resize autolayouts and boxes anymore (see video). The resize handle doesn’t become available - I can sometimes get the handle it if I am very very slow and patient. In the video I end up moving the box, not resizing it. Pretty basic thing to be able to resize stuff! And pretty devastating! (I also still have occasional problems with zooming in with my MacBook Pro trackpad). Has someone found a way to fix this? Is there a better way to report this bug? Specs: macOS Monterey 12.4 Figma Desktop App version 116.0.5

Hello!Does anyone know what the "VALUE" tag is, how to do it and what it's for?Thanks!  

I understand that Figma isn't specifically designed for this, but I’ve created a scrolling carousel of images. I did this by making a component and adding an interaction in the prototype menu. I want to use this for social media, but I'm unable to export it as a .mp4 file.Is there any solution for this problem apart from Screen Recording?

The email address I used to register my account is now disabled, so I can’t log in to my account. How can I change the email address so that my account can be used normally?

Hey Figma Community! I’m wanting to see a history of people who have opened and viewed my Figma file. Is there a way to see the file viewing history? Something like “On Jan 3 John Doe viewed your file” or “13 people viewed your file on Jan 3”. Does this exist? Thanks!

I've set properties on the component to turn off the label and helper text, but when turned off, the layout still hugs the space where the text would have been. Is there a way to avoid this?Below is the main component, and the instance on the right shows the text turned off but still affecting the spacing. 

Hello! I just received an updated font (with the correct metadata to show the font weight in dev mode) and I’ve replaced the font for the organisation account.I can see that in existing components - it hasn’t updated or isn’t showing the correct font weight as it seems to be reference the old font. Is there something else I need to do to make sure it’s now using the newer version of the font?Many thanks! 

I’ve seen other posts about this issue but nothing seems to help or work. I keep getting Missing font icon in the Figma app (not browser) for fonts I already use in other Figma files (that do not show the same missing font) and that I have installed on my Mac. Also when opening the missing font dialogue window there is no option to ‘replace the fonts’. This is an example of a simple ‘Arial’ font which is installed and used across many apps on my Mac. It just says ‘close’ but no option to replace. Thanks

Hello,I cannot find a way to create what I want. I would need a responsive layout of the page, with the content divided in cells:a1, b1, c1 → headera2, b2, c2 → maina3, b3, c3 → footerbut with the b2 having a fixed aspect ratio of 4:3 and a height of around 75% of total height depending on min-width of a2, c2. I have tried numerous ways, but because of the lack of percentage, vh, vw units and relative sizes, I cannot figure out how to do this. Coding-wise, with a variable and some calculations in css this is doable. I am posting some screenshots before and after resizing the frame → The norma behavior should be not to destroy the layout while keeping the ratio of b2. 

I am looking for a way to change the look of the mouse cursor form an arrow to a circle (more like a formal mobile presentation), but I couldn’t find an effective way? Any one can help me out here?? Thanks

I swear it was originally a thing that “open in playground” meant developers could change states of things and inspect those variant values.???My developers only get a turn-stuff-on-and-off toy.No inspect options.Are we missing something? Doing it wrong?How are developers supposed to get styling for variant states?