Ask the Community

Hello everyone, I’ve created icons, all vector layers with the same name, and every icon has a variant of sizes - small (16px) medium (24)and large (32). They also have round/sharp Boolean property. I’ve created buttons, also with size variants with matching names and sizes. There’s also variant for only label, only icon, left icon and right icon. There’s also instance swap for every icon size. I also have the icon as nested instance. So I take an instance of the button and I change its size, then I change the icon - lets say from “search” to “plus” for example - but if I want to change the size of the button, the instance swap return to its default icon instance. What should I do, or what did I do wrong?

Every time i [zoom in], the blue select rectangle appears, and when i try to zoom inside of a frame it shifts the items out of the frame. So to put it simply; it detaches elements in frames, and groups elements that are not in frames.

This seems like a very basic question, but I wasn’t able to find an answer or a solution: when I’m inserting/adding a component from my assets, what’s the best way to make sure it goes directly in to the correct folder in my layers? Currently an inserted component always goes at the TOP of the layers - and then I need to scroll and drag it to where I want it. Can anyone help? thanks

So I am trying to make a “like system”. When going between these two frames the state of the liked “Food” box should remain. I have both visibility and the status of the heart set up as variables. It does remember the state when moving from the first frame into the second, but not the second into the first. Meaning if I change the state in the second one it does not transfer back to the first, the first will stay how it was. The food category is there on the second frame it is just not visible due to being tied to opacity. When you click it on the second frame it disappears, how I want it. I can send more images or try to explain better as well what I am trying to do.

I’m experiencing an issue with an instance swap property in Figma. I have a Card component with Auto-layout (width: fixed, and height: hug). It wraps an instance of a component associated with an instance swap property (width: fill and height: hug). When I create an instance of Card and change the inner instance through the instance property it works fine the first time. From there, if I change it again, Figma sets the height of the inner instance to fixed. This crops the content. Does anyone knows why this happens and how to fix it? Is it a bug in Figma? File here: https://www.figma.com/file/eikqjwKX167uMlUeiGRUOM/instance-swap-issue?type=design&node-id=0%3A1&mode=design&t=4douRHhJOBFMc5Oa-1

This auto-layout frame is a child/inside a basic frame that I should be able to move things around in. How the heck do I turn this off when I hover over to click and drag. all I want to do is drag the group/autolayout over a bit manually and arrows in this small space are producing too large of a move. this comes up for me a ton and it’s insanely annoying. I can’t click and drag without it also changing the auto layout spacing. if I want to change that I will go to the tool sidebar and do it myself. I don’t need this pink stuff trying to do it for me just because i’ve hovered over it. Also, FYI - I couldn’t even screengrab it through the OS, because this literally happens on hover, so I snapped it with my phone - hence the bad photo, apologies.

Hi, new to Figma here. I’m in a UI/UX course and we’re tasked with creating a site for a movie. We picked Toy Story, and I’m trying to create a frame with Hamm in which you click him, and a gold coin pops up with a review on the movie. If you click him again, the coin goes back in. Another click, and a coin pops up again, but with a different review. How do I make that happen? I have Hamm on the frame and I have a gold coin component with different variants created. In the first frame, Hamm has a small coin hidden behind him. On first click, I used smart animate to switch to the next frame, where the coin enlarges and comes up. On the second click on Hamm, I want the coin to return back to behind Hamm, and also switch to the next variant of the coin. So that on the third click on Hamm, another coin will pop up, but with a different text. Do I have to create a frame for each variant, or is there another way to make that happen?

I’m using videos in my web prototype, however their previewing as crusty and pixellated. The videos uploaded are small (6mb) and I’m currently not even using them fullscreen. Is there a setting that I have done wrong, or is there a work around?

I thought it was just my bluetooth keyboard glitching out, but cmd + z is not undoing any action, nor is going to the Edit menu > Undo. Has anyone encountered this issue before? And if so, how did you resolve it?

Hello guys, I’m having an issue with one of my component. I’m trying to make a button where the arrow below the text is taking the full width of the container (aka the text width). I thought it would’ve been a simple task but turns out it’s not working at all. Instead of the arrow stretching longer, it simply disappears for a moment and then reappears in the longer form. Both instance have the same layer names, the prototype is simply ‘While hovering’, smart animate, ease in and ease out, 300ms, nothing fancy. What am I not doing properly? https://imgur.com/a/jWWn5zb

There seems to be a bug where the Min and Max values do not show up on component instances? The values do get applied, but they do not show up in the W (width) and H (height) fields, so there is no way to see that’s where the width is coming from, or to clear the min / max when an override is needed. NOTE: this seems to happen only with nested components. In my example I have a button component, inside a “Button Group (Save or Cancel)” component. An instance of the button shows the Min width, but the button in an instance of the button group does not. Possibly related: Can’t remove min and max height when the component is nested

when paste image in Figma firefox browser. firefox showing “Paste” button Can anyone tell me how to stop this?

Very low performance speed in Figma Make when the thread reaches large sizes (currently 230+ iterations). All actions in the chat area occur with a significant delay (typing, scrolling, etc.), making it impossible to work. However, the prototype itself works well within FM. Has anyone encountered this? What could be the cause? Could it be related to the power of the laptop?

Hey! How can I transfer the AI generated Prototype in Figma Make to Figma Design and continue editing it manually there?

Hi everyone, I searched the forum but only found general issues about right-click not working at all – nothing about this specific behavior: When I right-click (or ctrl-click) on an object, I only get the short context menu (see first screenshot), instead of the full extended one (see second screenshot). This really slows down my workflow. I’m using the Figma Desktop App version 125.4.9, optimized for Apple Silicon, on a MacBook Pro (2021) with macOS Sonoma 14.5 and an Apple M1 Pro. Has anyone experienced this? Could this be a setting I’ve missed or a bug? Thanks in advance for any help!

I want a way or a plugin to add custom metadata/custom properties/custom attributes to Figma components. My goal is to design components like Button, ComboBox, Radio Button, Table, TextArea, and TextInput, and attach metadata to each. I need to fetch this metadata later using Figma’s GET API. The metadata can be Plain text or JSON as string and can be of any number (10/20/30) I tried using default component properties capability associating it with bunch of hidden text type, but when I create an instance of the component, the properties associated with hidden text don’t appear in the new instance. Any suggestions on how to achieve this or a pluging which can be used to achieve it would be very very helpful.

I'm exploring packaging design and looking to create custom package boxes using Figma. Are there any recommended plugins, templates, or workflows within Figma that work well for 3D mockups or dieline templates? I'm also curious if there's a packaging-specific Figma forum or community where I can share and learn more. Category Design Tools / Plugins or Packaging Design (depends on the forum platform) Tags custom package boxes, figma plugins, packaging design, dieline templates

Good afternoon)) Pop-up is configured in prototype. When you hover over the buttons at the bottom, the pop-up closes, although there is a Close button at the top right. How to remove the pop-up closure. Also, one of the frames with information inside the pop-up is hidden. How can I fix this?

Hi, I recently logged into my Figma and it shows I’m on the Education plan but I'm not sure what is the expiration date. I read that it lasts for 2 years, but is it possible to know the exact date as I don’t want to suddenly get logged out from my school project while I'm in the midst of it. I tried asking chatbot and it says I’m on a starter plan. So I’m a bit confuse and unsure.

Hi Figma community. I would like to know if there’s a possibility to make automative changelogs in figma that update automatically once there has been a change in the components (in our design system library) and that it can detect the type of change that has been done, the name of the component, date. If you know any plugin that can work for this please let me know!

I have master components in molecules and organisms, the problem is that we put multiple booleans for different rows for example and now we want to edit content them with AI or manually as group. Figma highlights the connected booleans but it does not allow to select them with one click, Does anyone know a way? I was surprised that double click on the boolean title did not select them. PS: Select all with same properties does not work, because it select all the columns as they are same component but used in different columns

Hi all. I have a couple of frames that have placed image in. I want to export as .svg format. I can see the image in the preview and on the preview of the .svg. But when I open the .svg in adobe illustrator the image isnt there and just should a blank box… Any ideas? It worked fine in sketch before.

Hey there, im trying to fix a bug in my current Portfolio preparation. Ive used several frames that stay sticky at the top boarder and stack up on top of each other. However one components of the bottom layers stays clickable when hovering on that exact area of the frame even when it´s covered by the upper layers. I'll attach a short video to showcase the problem, you can find it via this retransfer link for the next 3 days https://we.tl/t-XyGD6vKI3O i hope somebody has a solution many many thanks already :)

Hi, I created a menu like component, i created variants and link this , it is for a landing page, like top bar. This works when you don't link another animation like scroll .I want this menu to change when I push the name section of the page and scroll to the section page, for example when clicking in “Nosotros” scroll to nosotros section and is put in bold “Nosotros” at menu. thanks in advance, sorry I am not native English speaker, but try my best.