Ask the Community

Hi Figma Community,I'm having trouble getting an Auto Layout frame to hug its contents correctly. I've set "Hug Contents" for both the horizontal and vertical axes, but the frame doesn't resize to fit the icon inside.Here's my setup:Auto Layout frame: Contains an icon and text layer. The main component has an icon inside that has 2 versions: one that is an square of 68px and there is a particular use of an icon that is double the size. To change between icons I am using a swap instance.  Here the screenshot of what I am referring to: Hug Contents: Enabled for both horizontal and vertical axes. Icon constraints: "Left & Right" and "Top & Bottom" (also tried "Scale").What I want to do, go from icon small to largo and viceversa:IT WORKS when I set it outside of a component or when I am working inside the same component, look:However, when I applied to the instance, this happens: So, I've tried the following:Double-checked all settings and constraints. There are no constraints in

I have a stupid question concerning the intersect function in figma.  Scenario A, I place a flatten background color which is b&w (with curve) as a layer and place an outlined text on top of the layer. Trying to intersect these elements → it turns out the texts become one single color. (which should be b&w) Scenario B, I try to export the flatten background color (b&w) into image and redo the same → placing an outlined text on top of the image layer. Then trying to intersect these elements → it turns out the “cropped” (intersect) area was not the same. (the intersect-ed image is zoomed out.)  Basic testing, doing the same as above with shapes Ellipse + Square. Intersect these elements has no issue in Figma. Can anyone help with the solution for scenario A&B? Appreciated with the help & solution.  

Hello, please the map maker plug in keeps saying this site cannot load google maps correctly. I am currently using the desktop app. What do I do?

Hi guys! I have a problem with my prototype in figma. I just open the prototype in figma and it works fine but when I open it in chrome it doesn’t load. This happens only in Chrome because I have opened it in other web browsers like edge and internet explore and it works perfectly. Can anybody help me?

Hello everyone! I am struggling with auto-formatting the text style shown below. What I want is to have the underline expand with the text. The intended visual of the underlay underlineHowever, when I apply auto-layout and try to hack things a bit, the underline is either right below the text or the text is being covered by the underline (shown below). Would any of you have an idea of how to get the desired result?

I lost my figma file. It was my presentation that I have to show in 2 days, pls help!I have the prototype link, but the file source to edit is missing. I saw in Deleted files and it’s not there. 

Figurative has been the single best solution for Figma design on the iPad. In recent months I noticed it wasn’t being updated to support a few new features in Figma. Today I just checked it out to see if anything has been updated and it’s been removed from the App Store entirely! The app’s website also links out to an unavailable in your region message! I am optimistically hoping that Figma either bought Figurative or kindly asked the owner to remove it prior to an upcoming proper release of Figma design for iPad but I can only speculate 🤞

I use FigJam on my iPad with the Pencil. I usually need to use the slice tool as the eraser – which isn’t optimal but hey I’ve made it work.I’ve been using the app today and have noticed updates within the app. The stroke size is no longer accessed via tapping the pencil, but more importantly the slice tool has disappeared, so I can’t erase without tapping an item with my finger.Ergonomically/work-flow-wise this is just terrible and is slowing me down a lot, especially Since FigJam doesn’t support pencil gestures we’re left with no simple eraser function.Please fix this (or come up with a better solution)Thanks,

A client often provides a long extensive list of ad assets that need creating. Using the details they give eg dimension, content, gender specific etc we have to manually cross reference the list and manually create hundreds of ads. Often some stay the same but we still have to check incase some arent included or there are new requests. Is there a plug in that could help import this list to Figma and create blank assets with linked components?

Привет, возможно кто-то сталкивался с проблемой. Работаю в Фигме уже больше двух лет. Последние пару месяцев постоянно перезагружается документ, в котором работаю. Просто рандомно, каждые минут 10, может больше. Чистила и кэш, и переустанавливала все заново, писала сто раз в поддержку, вообще ничего не помогает. Помогите пожалуйста, кто сталкивался.

Hello,I have list of 3 same components and i want with the nested instance to show only the Label properties and not the whole list (2 Variants,1 boolean and the label input) Does Figma allow to show 1 property among the whole list ?Thank you !

is there a way to create a figma prototype where you can resize components in prototype mode? i’m trying to resize components on drag (i.e. stretch navigation bar)

I created a function that allows numbers to be added sequentially on a keypad in increments of *10. The logic works as follows:Press 1 → Adds 1 Press 2 → Updates to 12 (appending 2 after 1) Press 3 → Updates to 123Similarly, I implemented another condition where pressing 1 three times should result in 111 instead of 12 or 123. I’ve attached a screenshot named 'add' to show this functionality.Issue with Number DeletionNow, I’m working on the minus function, which should remove digits in reverse order:For 123, the deletion should happen like this: 123 → 12 → 1 → 0 For 111, it should go: 111 → 11 → 1 → 0I’ve attached a screenshot named 'minus' for reference.The ProblemWhen I test the function with 111, it works correctly—first becoming 11, then 1, and finally 0.However, when I test it with 123, it correctly removes 3, then 2, but when it should change 1 to 0, it unexpectedly changes it to 0.90 instead.What I Need Help WithWhy is this happening? Why does the last digit of 123 turn into 0.9

I am trying to apply a text property to my nested component. However I get an error “Not used within component.”I’m working on an accordion component, with variant theming for different brands. One brand uses uppercase text, while the other uses sentence case. Therefore I have created an automated switch based on variable mode. This is working well.However, I want to be able to enter the text for the accordion title for an instance in the properties to avoid the text reseting everytime I update the page. This is not working and I haven’t figured out how or why. 

Hello people,I want to pop-up a sticky top bar when we scroll down. Question is how can i do that!? I will add screenshots for you to understandWhen I scroll;First Page  

Today, while changing the theme of the component, I noticed that the element is mirrored. If you extract a light or dark element from a component and change the theme, it is mirrored. Then I noticed that for some reason the left component and all its components are at rotation of 180. This is strange because I copied the 2nd field from the previous one, they were identical. I changed the rotation from 180 to 0 and… it didn’t change anything. Now (as it was) I have 2 identical fields, but they are mirrored when changing the theme. I can’t change it even if I change the switch type. I don’t want to rebuild because there are over 100 dialogs attached to this component. What is happening and how to solve the problem? Everything was fine before that. I can attach this file with this broken element (it work the same way independent of the file), but the style has been changed because of NDA.

Issue: Open overlay resets parent frame scroll position, even tho it is not checked. (Only new state prototype ones are scrolling up) That’s it, as simple as that. I don’t know why.

Hi community! Has it happened to you that this image (attached) appears in your prototypes when you open a link outside of Figma? How can I skip this screen and go directly to where I want? Thanks!

Is there any plugin to get text from figma with font style and paste somewhere (like.notepad, social media username inputs, google docs) else with the same font style like fancy font generators? 

Good Morning Community.I have a problem with advanced prototyping. It may have been solved at this forum but I wasn’t able to find any hints yet.Within the following dropbox link you’ll find 3 images: https://www.dropbox.com/scl/fo/3w3i3ftsms8vf29b19jui/AHMy0ofKB341QQkWHQ9QErU?rlkey=pfvyb14qt4zuq63aocn2ltmm5&st=abwrji4b&dl=0Starting with image 01:This page is the project overview. When the user enters this subpage, the first project should be at active/hover state and the images shown below should be linked to this project. After hovering project 02, this one changes to active/hover state and the images below are updated.Image 02 and 03 are my current interactions linked to every project.The problem is, that I want the active/hover state ONLY to be changed (&& the images to be updated) when the mouse enters a new project and NOT when the mouse leaves one project (for example to the whitespace above). That means the last hovered project should stay active as long as the

I can outline and flatten but it results in overlapping line still. Here’s an example. The K here is in outline view. I outlined the font then flattened but this isn’t really flattened like I’d expect (or expect in other vector programs) which is just outlining the stroke not overlapping like this. I can only attach one image it looks like but if you just type a K in illustrator and do outline youll see what I would expect. Is there a way to not create these complex outlines since they can cause scaling and export issues across platforms.

I am trying to build a plugin, with aws cognito as auth system. As I can’t access `wndow` object I have to make localized sign-in sign-out experience. For this I need to store few env variables like app id, client id, etc.I am using vite and preact https://github.com/mryechkin/figma-vite for building this, and when I build this using vite, it exposes my env variables when I inspect element. Is there a way to store them, so they are private?

Hey everyone! I'm having trouble with my dropdown prototype in Figma and hoping someone can help.I have a dropdown component with two states:Default (collapsed state) Expanded state (which includes two nested instances for the hover on/off effect of each dropdown option)The issue happens when I click the dropdown default twice—it throws the error:"Couldn't play interaction: nested instance is swapped with its parent instance."It seems like something is breaking with the instance swaps when transitioning between states. Has anyone run into this before? Any ideas on how to fix it?Attaching a few screenshots for reference. Any help would be greatly appreciated! The error in questionMy input field + dropdown option variants  

Hi everyone,I’ve been working on a Figma project with a remote team, and while the platform is fantastic, I’m running into a few collaboration challenges. I’d love to hear how others handle similar situations.First, I’m looking for tools or workflows that streamline communication and feedback during the design process. I came across (https://higgdominorp.id/), I’m curious if anyone has other recommendations, especially for tools that integrate well with Figma.Second, I’m having trouble keeping everyone aligned on design iterations. Does anyone have tips for organizing files, comments, or version control to avoid confusion?Lastly, I’d love to hear how others manage time zones and asynchronous work in remote Figma teams. Are there any specific techniques or tools you’ve found particularly useful?Thanks in advance for your help! Looking forward to hearing your thoughts and suggestions.

Hi everyone,I’ve been working on a project where I need to enhance my Figma prototypes with video content, but I’m running into a few challenges and would love some advice.First, I’m looking for a reliable tool to edit and integrate video content into my prototypes. I came across this platform, I’m curious if anyone has other recommendations, especially for tools that work well with Figma.Second, I’m having trouble optimizing the videos for different platforms (like web or mobile). Does anyone have tips for maintaining quality while keeping file sizes manageable?Lastly, I’d love to hear how others handle syncing video content and transitions smoothly in their prototypes. Are there any specific techniques or tools you’ve found particularly useful?Thanks in advance for your help! Looking forward to hearing your thoughts and suggestions.