Ask the Community

Hello, i saw somewhere someone create a toggle (boolean) to turn a property on or off e.g show icon or hide icon, and on toggling that boolean, another toggle would switch off. I was wondering if anyone has done this and where i can go to learn how to do it. It would be v helpful. Another example: I have two property boolean switches. One is to show/hide an orange pin. One is to show/hide a grey pin. I would never show both at the same time. How can i create a condition whereby if i decide to toggle and show the orange pin, it automatically switches the other boolean toggle and switches grey pin off?

Hi folks. Imagine there’s a Navigation drawer which opens in an overlay. Now you pick an item from the menu and it opens a dialog - obviously in another overlay. Now, how to close the previous overlay? This is my sandbox:Figma – 16 Nov 24 A few screenshots: Here is a screencast, showing that the underlying overlay with Navigation drawer doesn’t get closed.

I see you have recently rolled out an update to have this button, allowing to bind a property or variable to selected layer: This is so much convenient to create either prop or variable from the same place. But I am wondering… Why don’t you do the same when click on this applied variable name? As you can see, it is still old menu and old modal, just allow binding or creating properties, why isn’t variable included? I still have to detach property before I can swap it to any variable. If the update is not ready, please tell us. Or just simply make the UI consistent everywhere in the app.

When mirroring a frame to the Figma App on either iPhone or iPad, it automatically fits the frame to the screen, but I desperately need it to stay the actual size. I’m designing for screens (ie: automotive) that aren’t the size of the tablet/device I’m mirroring them in and need to see a preview of what they’d look like in prod. This should be so simple to include as an update but for whatever reason it’s not available.

Everything is fine when viewed through a browser or the desktop version of the Figma, but it does not load in the mobile application. I checked on different accounts and the problem is in both… I also tried using a VPN, but the problem persisted. How to fix this problem?

Hey, I was just wondering Where are the space between guides the orange little markers that you see on the screen after the update. I cannot find them anywhere. Trying to do a tutorial

Were users ever able to select multiple guides at once? Trying to move horizontal guides all at once to realign with something on the pasteboard. Currently the guides go across auto layout objects and objects on the pasteboard, if that makes any difference. Don’t know why it would do though. Just put it there to be thorough. But yeah, it should be a basic function. *Currently have the latest Figma 124.5.5 on Mackbook Pro 2019, 2.6 GHz 6-Core Intel Core i7, MacOS Sequoia 15.1.

When text wraps to a new line either using auto layout or establishing a max-width, the container keeps extra space to the right based on the length of the word that wraps to the next line. Even when set to auto width, the container doesn’t hug the text completely. I’ve tried a variety or solutions but cant seem to get rid of the extra space.

Hello, I have a question on exporting icons: How to export icons in SVG with their padding area? (So I could export them in other softwares and they will have the same size) Is there any trick you could suggest to me?

Hi, I am new to Figma. I wanted to open a designfile out if the community library. When I click on the “open in Figma” button, it does not load the full contents. It just shows start page and change log in the UI-Bar on the left. How can I get access to all files? SharePoint Content Creators Toolkit | Figma

Does anybody know what determines whether or not Dev Mode annotations show up in instances of a component? We maintain a design system that supplies many dozens of applications, so our components come with a large variety of features, not all of which are relevant to every product. We use Dev Mode annotations primarily for hand-off to our design system devs, so the annotations are relevant for the main component set, but will confuse a product-side dev. Vice versa, sometimes we do want an annotation to show up in every instance of a component, but it doesn’t. If this is an option that can be toggled, I haven’t found it.

I’m trying to link up colors to a new design system, but I can’t see the actual HEX value of the colors coming from the design system - only the values like 100, 200, 300, etc. It would be helpful to be able to see the actual HEX code in addition to the value so that I can correctly replace colors that aren’t linked to the design system.

I have an app idea that I plan to design and develop for mobile and Mac. To ensure a seamless process, I’m looking for a Figma UX case study template that covers all the essential steps of a UX case study. It should be straightforward, without unnecessary designs or sections. If you have any recommendations or resources, I’d greatly appreciate your help!

Bug Report: Scrolling Issue in Frames Menu Issue: The last item in the frames menu is not functioning properly, making it unselectable or not appearing when attempting to scroll through the available device frames. Steps to Reproduce: Open the frames menu in Figma. Scroll through the list of available device frames. Attempt to select the last item in the list. Actual Behavior: The last item does not appear, potentially due to insufficient spacing or a layout issue that affects scrolling functionality. Suggested Fix: Adjust the auto layout settings for the frames menu to provide extra spacing or padding. This will ensure that all items, including the last one, are fully accessible when scrolling.

Hello friends when i select text to add text property or icon to add Boolean property those those properties are missing i can not find in the right side bar menu please help me thank you.

Hi! I have a Dell UP2716D calibrated monitor, color profile 6500K. OS Windows 10. In Adobe Photoshop and Illustrator sRGB and Adobe RGB work correctly. In the browser, Chrome Figma also works correctly and shows sRGB. But in a desktop application, color management does not work. I turn on sRGB or Unmaneget in the settings, but there is no effect. The option to enable SRGB on the monitor is not suitable. Enhanced color gamut needed. When Figma starts supporting sRGB in a desktop Figma on Windows 10?

I’m looking for a way to dynamically (automatically) adjust component top/bottom padding based on what new component has been added to the top or bottom of that component. So for example, if I stack two different components together, create an autolayout, adjust the padding between them to be 0px since I’d be creating a webpage - I want the bottom padding of the top component to dynamically adjust AND the top padding in the bottom component to automatically update once the 0px in between autolayout is set. Any way to do this Figma? Any plugins that can help?

As of yesterday the bottom tool bar appears when a file is opened and then disappears. I have updated chrome, tried Firefox, tried hide and unhide UI, and hit cmd then /. All with no effect. Any one know the trick? Thanks

I’ve got a bunch of templates that I’d like to share with other creators in my network. However I don’t want to just share the whole Figma file with them. I’d like them to click a button on my website that adds the frame/section to their clipboard and they can open up their own Figma file and paste it directly in there. I can’t seem to find any walkthroughs on this, so I thought here could help.

Made changes in the component library. No matter what I do the file using the components will show the blue dot to update when it should, but selecting update is reverting to an older version. Even if I copy components directly from the library and paste them in, my local file will show they need updating and when I do so they revert to an old version. Causing so many problems.

I remember I accidentally opened the emoji keyboard on Figma for Windows but now I don’t remember how I did it. Can someone lend me a hand on how to do it please?

“Change To” is not enabled for me to select while try to prototype. Hence self unable to prototype my calendar month Can you please help me to fix this issue

When following the instructions here https://help.figma.com/hc/en-us/articles/360039820114-Manage-email-address-or-password, I’m not able to reach step 3. This is because I’m directly directed to the google SSO page when i type in the email I want to reset the password for How do I work around this ?

We have some funny noises inside of the alpha after exporting in png. Especially visible in gradients when they are open up in Photoshop.

I’ve noticed a change to the Starter tier. I’ve already once shared a prorotype publicly 2 weeks ago, and it worked. Several days later, I locked it to private. Today, for the same prototype, Figma prompts me to move to a paid tier if I want to share it publicly again. Same flow of actions, but this time I get the treatment as if I want to password-protect it → move to Paid. Is this a bug or a silent change to the Starer tier? Regards