Ask the Community

Just wanted to share a fix to an issue I’ve been struggling with and couldn’t find the solution to on this forum. Issue: I have a 48px tall pill shaped button. I’ve set the corner radius to a high number like 9999. When hovering, the button gets a label so the button width naturally increases – but during the transition of eg. 300ms using Smart Animate, the button edges becomes pixelated. Solution: Simply set the the corner radius to 24. Hope it works for you too. Cheers.

I cannot find my spacing mode in auto layout.

Hello, I recently started a new Figma design with two new fonts, “Cinzel” and “Lemon Milk.” I downloaded both fonts, restarted Figma, and began designing the typography scale. At first, I was able to use both fonts with no problem, but then the next time I loaded Figma, the “Lemon Milk” font was “missing.” I could not replace the font, nor could I search for the font again in the Typography search dialog box. I’ve tried to restart Figma, clear the cache, reinstall the fonts, and restart my device. Nothing seems to be working. Any help would be greatly appreciated.

I’m getting a warning message appear on all of my components with interactions. I’m able to re-produce it by creating a basic text component with 2 variants and a hover state change. Can someone share any insight into why this is happening? Screenshot and message below. “The interaction will not be triggered as interactions on instances are triggered before inherited internal interactions”

Hi, when I use certain font (Helvetica Neue LT Std in my example) the text is not vertically centered and I can’t find any way of adjusting the ascender/descender values (like mentioned in this article: Fix Vertical Position Issue of Custom iOS Fonts | TO THE NEW Blog). How can I fix this in Figma? There are ways I can hack it, for instance changing the height of the text box and the text alignment but then I will sacrifice how other features work, e.g. Auto Layout. Thanks

👋 Figma has been a blessing in designing UIs for our Game made in Unity. We’re just having issues with exported images being rendered desaturated / washed out inside of the engine. Especially when they contain transparencies. Here’s what it looks like: Without going into much detail, the only possible fix I found in Unity is switchting to Gamma Color Space instead of the default Linear Color Space. For various reason, that’s not an option for our game. I tried exporting with Display P3 color space but didn’t notice any changes. Opening the file in Photoshop for example renders the image correctly. Do you know any settings I could try in Figma? Or maybe a plugin that can export the file correctly? Thanks!

We want to know what is the best way to convert our InVision files into Figma design including layers.

Hello, Figma community! I am working on a Figma plugin that needs to access the modes of both local and external library variable collections. However, I have encountered an issue where I am unable to access the modes of external libraries through the Figma Plugin API. Here is the code I am using: figma.on("selectionchange", async () => { console.log("Selection changed!"); const selectedNodes = figma.currentPage.selection; if (selectedNodes.length > 0) { // Accessing modes for local variable collections const localVariableCollections = figma.variables.getLocalVariableCollections(); localVariableCollections.forEach((collection) => { console.log("Local collection name:", collection.name); if (collection.modes) { collection.modes.forEach((mode) => { console.log("Mode:", mode.name); }); } }); // Accessing modes for external libraries const libraryCollections = await figma.teamLibrary.getAvailableLi

Hi, I’m trying to embed a Figma prototype on my portfolio, but i would like to remove the footer/frame that surrounds the prototype. I know with embed kit 1 we could add “%26hide-ui%3D1” at the end of the src, but it doesn’t work for embed kit 2. I was wondering how to be able to hide that footer/frame.

Hi, I need help recovering my files, all my company files disappeared, no one deleted it, trash is empty. The project is in development phase, I need to get those files recovered ASAP. Can anyone help me, please?

Hi All, I am creating a design where there are three possible path that a user can follow from screen. The easiest way would be to create a screen with flow selector (which I need to avoid). I want the flow/path selection to happen automatically from any one of the three path randomly. How do i achieve it.

Today I just opened my project and noticed in the design panel the “Content” group for text is missing. I can edit the text by double clicking on the object though. Since this option is missing, I cannot create properties for components. However, when I select a component I made earlier and created a property for it, the content group is now visible in the design tab/panel. If I break the link, then the content group disappears! gone I’m not sure if there are any other groups missing for other shape, frame or drawing tools! Notes: This happens in all projects. I’ve tried reloading the tabs to no avail. I’ve tried both web and desktop app, same issue. Everything was working when I shut down last night and no updates have occured. Adding text to a new page gives the same no “Content” group in the design tab Any ideas or anyone else affected? EDIT: When working on the master component, I can break the link now and the “Content” group is now visible in the design tab, however, it is NO

This doesn’t seem to be happening to anyone else. If I leave the line in, the plugin fails with the same error. The function is recognized when I use it in the Scripter plugin. Could something be wrong with my plugin configuration files? Maybe I’m using an older version of the Figma API somehow?

Hello , When I`m creating style guide in a single page it showing my all 22 page! Any Solution for it?

I work for 100K+ employee company and have tried to contact our assigned enterprise sales rep through various channels. I submitted a sales contact form yesterday and haven’t heard back. I also tried to reach the rep via email last week and messaged them directly through LinkedIn, again no response. They might be on vacation, but I’m not even sure I have the right name. How soon should I expect an answer? I’m trying to make a purchase. Thank you

Hey all, I’m trying to figure out if it’s possible to use auto layout to place two objects, one center, one left/right. For example: A mobile header with a page title at top center with a back/close/home button on left/right. I know I can align everything left or right, then use the spacing to push the innermost object toward the center, but at best I’m just eyeballing it. Rather, I’d like it to be placed dead center every time, while the second object is a specific distance from the edge every time. Thanks in advance!

I’m trying to use find and replace in Figma to replace matched strings of text across multiple screens. The specific operation I want to do is: Find: “Box (100) | B100” Replace with: “Box (100)” When I do Find: Box (100) | B100, Figma seems to treat the “|” character as a special operator on the query and matches a bunch of strings in results that I wouldn’t expect it to - looks like anything including a “1” or “0”. Example screenshot: When I remove the “|” character, the results show only what I would expect - matching the full remaining “find” string. But I want to include “|” in the “find” string and actually replace it. How do I do this? Figma’s documentation doesn’t go into this behavior or how to avoid it (like escaping special characters).

In Preview, part of an underline effect is disappearing. Underline was created using ‘Type settings / Underline’. Appears normal in edit mode. I solved it by drawing a line manually…should I always avoid the underline effect because its buggy?

My Manager has asked me to look into Low-Fidelity Layouts that we could use. Does anyone know where I can find a Desktop one?

Please can someone help! I have my content outside the frame and scrolling vertically enabled. When I preview the experience I can’t scroll down, I can drag is a touch and then it bounces back up/resists. Please help?

Main component has the properties in order 1, 2, 3, 4, 5, 6 Instance of the component in another file properties are in a random order 1, 6, 5, 4, 2, 3 Any ideas how to fix? 💡

In the library modal i can’t find the components that are stil in use in my document. This is a former library that i do not need anymore. Therefore there are still components in it but I can’t find them. When i want to swap components, it is said that there are no components in it. And I want to have a clean doc, without a library that I do not use anymore.

Hey ! Show/Hide UI shortcut doesn’t seem to work anymore in Mac. It has changed from Command + \ to Command + . and i can’t use it in Mac anymore. This shortcut is so useful during workshops presentation. I really need it back 😃 Have a nice day, Audrey

Hello everybody, hope somebody can help me with a node problem I’m having. I linked up all my screens, but when I go to upload it to Useberry I keep getting an error message that says the prototype doesn’t have a starting point. But as you can see from the screenshot of my project, there’s one right there. Is there something I’m missing or not doing right? If anybody has any advice I’d really appreciate it. Thank you.

Hello everyone! 👋 I’m currently designing a collapsible sidebar for a project, but I’ve run into an issue I can’t seem to solve despite watching tutorials and googling extensively. Here’s the setup and what I’m trying to achieve: Sidebar design: It contains menu items with an icon and a label. When collapsed, only the icons should be visible. When expanded, both the icon and label should appear. Interaction details: Hovering over the menu (while collapsed) should show the label next to the icon. Each menu item has two variants: Expanded (icon + label) Collapsed (icon only) Additionally, there are three states for each variant: Default Hover Selected This is the desired behavior: Vs the behavior I’m currently experiencing I’m trying to keep the file as simple as possible, I’m using only one component per menu item, later on they’re meant to have different icons and labels. Should I have a dedicated component set per menu item? Here’s a link to the file