Ask the Community

Hi Figma Team, I hope this message finds you well. I am writing to suggest a couple of features that could significantly enhance the functionality of Auto Layout and the overall design and development experience in Figma. Display Block and Display None for Auto Layout: Introducing the ability to use display: block and display: none within Auto Layout would provide unlimited responsive design capabilities. This feature would allow designers to control the visibility of elements dynamically, making it easier to create more complex and responsive layouts. Media Queries in Prototypes: Adding support for media queries in the prototype screen would be a game-changer. This feature would enable designers to create and test responsive designs directly within Figma, ensuring that our designs look great on all devices and screen sizes. These enhancements would greatly improve the flexibility and power of Figma’s design tools, making it easier for designers to create responsive and adaptive desi

Hello, I need to duplicate a main component with its variants, but as an instance and not another main component. Is there any plugin or keyboard command ?

Hi community, i have a question regarding “selection colors”. Is it possible to access and change the colors of figma.currentPage.selection[0] in order to change all occasions of “color x” to “color y” with one change? So I don’t need to access every single child element and change its color there. Thanks in advance 🙂

I am using ARC for a few weeks now, and thinking about going back to Chrome. This still hasn’t been solved. As a Product Designer, I need to be able to share my screen and show Figma screens in Google Meet. I’m on the latest version of everything: Sonoma 14.5 / Figma v124.0.2

Figma generated invoice for aug month with 4 seats but I want 2 seats only, is there a way I can decline this invoice and generate a new one with 2 seats? P.S. - I tried editing seats in member and made it 2 but it is showing in next month please help if anyone has face similar issue and solved it. Below attaching screenshot for reference

I checked my memory, it’s only 27%. But when I edit component, Figma so slowly, I just edit text but it’s take 1 minute of my time T.T

Please tell me if I’m the only one who still doesn’t see the new Figma Desktop App interface updated… I’m not happy with this situation ☹ 😪

Hello please, can i have the new updated Figma ui3.

Hello! First of all, I want to say that I really appreciate the new UI design. It’s visually appealing and well-organized. Many features are now better grouped, making them easier to find. However, I’m encountering significant challenges with the “Go to Main Component” feature. Firstly, I find it difficult to locate this function, and secondly, I struggle to interpret it correctly. Previously, I relied on the appearance of the icon to quickly determine whether a component was local or from an external file. The new arrow icon, however, misleadingly suggests that I am being navigated away, which is not always the case when dealing with local components. This can cause confusion, as the action might simply involve moving within the same file. I would greatly appreciate a clearer distinction between local and non-local components. A more intuitive visual cue would help in quickly understanding the context of the component I’m working with. What does the community think about this? Am I th

Hi, I have a component with 2 sizes (variants): Desktop and Mobile. They were built before variables came out so everything within the component is manually done up. Right now non-designer users find it annoying that whenever they drag a instance from the library to their desktop/mobile frame, they have to manually switch the variant between the two sizes. I’ve watched this youtube video that does what I need but it seems weird that the binding of variable is done on an instance and not on the component itself. This makes it useless if the end user has to do all these steps like creating variables, binding the instance, just to swap between sizes automatically. I also do not want to create the components from scratch because we have too many, Is there a way to bind the variant names to the frame names?

I have a frame with three identical symbols inside: As far as I can tell, all three layers qualify to be “matching” according to this article. However, when I press either the button at the top, or the shortcut, I get the message below: I pulled out this frame as an example, but I obviously have a larger design I’m working on where I would really benefit from being able to select all matching layers at once. I feel like this used to work but doesn’t anymore. What am I missing? I’m still on the old UI. Can’t really tell when I received the latest update…

Hola Amigo! I have a Figma working file (File A) and i use local components for the design. I have never published this File A as Library. On the other hand, I have centralized Library that contains all general component. Now I want to use the local components in File A in another project (File B) and still want the components in File A & File B to be linked. Is there anyway to move local components in FIle A to Library, so that i can use it in File B, without breaking the design in File A?

I m unable to find this control in the newer UI 3

Hello! I was making a presentation in Figma and was surprised how heavy it was after exporting in PDF. After checking everything and methodically deleting different parts of the content from the slide, I found that the heaviest part was the text! For example, one 1920*1080 slide with several text blocks exports into over 6 Mb PDF. If I copy everything on a different slide, it weights the same. But if I create a new slide and new text blocks and type that text manually all over again - the PDF size drops to about 600 Kb. So the problem is definitely with those text blocks. Any ideas why is this happening and how to fix it? Retiping the whole thing would be a major pain. It is over 200 slides.

I tried a lot of things and i’m going to be crazy. I created this component: The icon inside the button is itself a component with multiple icon variants. If i switch the variant inside the main component to change the icon everything is going ok: Now if i create an instance of the same component and try to do the same, here is what happens: Is there anyone that can help me to understand what’s wrong? Here is also a link to a Figma example file to see layer structure:Figma – 24 Jul 24 Kind Regards. Bart

I suspect that this is not how variable modes were intended to be used, but it would really simplify my prototype. Would love to hear some on how to enable this from the community, too. My screen has several strings that are supposed to be dynamic based on navigation. The user should be able to navigate between screens using right/left arrows on the bottom, and these strings would change dynamically. I was hoping to have one variable per “screen” and use modes as fields. More or less how you would have in a database. So, on my designed screen in Figma, different text layers are set to different modes: This way, I only need to set one variable via interactions to potentially change all the strings on the screen. When I change the “current” presented variable in Design mode, it works as expected. However, the prototype mode seems to reset the variable mode to default. Here’s what my interactions are set Is reset of variable mode the expected behavior? Any ideas on how to achieve wha

I’ve created a lot of button sets over the years and using variants + base components is definitely the way to go! Here is my process: Step 1 Create a base component for each button size (e.g. “Large”) and icon placement (e.g. “Right Icon”), name it “Base” and turn it into a main component. Step 2 Add multiple instances of each base component and apply overrides to create unique types (e.g. “Secondary”) and states (e.g. “Hover”). Step 3 Turn every unique instance into a main component, select “combine as variants”, and rename variant properties & values. Step 4 Make bulk changes by editing the base components. – If you want some practice or a starting off point for your next project check out my (free) Button UI kit Button UI Kit: https://uiprep.gumroad.com/l/fAAgt?_ga=2.136435382.709511783.1629657346-34411364.1624652900

Dear all, Created an animation using a component with variants. However, running into these two issues: The images fade out to white and then pop up. The image on the far left moves along a strange path, it should move directly to the right. I have taken care with the naming so that Figma can animate to components with the same name. Here’s the Figma file: https://www.figma.com/community/file/1405566471837534213/smart-animation-issue Here’s what I see when I run it: https://youtu.be/epexI4P1w5E Hope someone can help! Thank you, Lora

My fonts went blank after updating Figma. I see them only in Outline mode and in Preview mode they are invisible

Hello, I have an interesting issue. I created an interactive component with variants. So I go to assets and insert the component into a frame. Now I go to present mode and the component is not working. I then published the component and created a new designfile where i insert the component from the assetspanel into a frame and want to test it again. And now it works. How is that possible? It drives me nuts. The component only works in a designfile where it was not created. thank you very much in advance!

So how to use fonts with Figma’s desktop app on Windows, when those fonts are not temporarily installed? Apparently Figma loads them from the Windows Fonts folder. Font managers, however, load fonts temporarily and somewhere else from what I see. I’ve never had this issue with other programs such as Adobe Illustrator, but with Figma fonts just don’t load, the whole app works differently. Again, desktop/installed version.

in order to maintain history and traceability in our development process, I’d like to generate evergreen links to branched designs that are then used in Jira and other documentation tools. are there limits or performance concerns that could prevent this from being feasible long-term?

When I use the Pen tool to draw shapes within a frame, Figma doesn’t acknowledge that I’m drawing within a frame and instead places the newly drawn object as the top layer. This interaction isn’t consistent with other drawing tools, such as the Ellipse or Rectangle tool— with those tools you can draw shapes within an existing frame. Is there a setting that I can use to fix this, or is this a new bug? (I would upoad a video, but as a new user to the community I’m not allowed to)

I copied a vector graphic in Adobe Illustrator then pasted it over to Figma, but for some reason sections of the vector appear rasterized… Is anyone else experiencing vector issues as well? (See top of graphic)