Ask the Community

 in Figma on the right panel there is feature " Layer" user need it when he create a boolean and wants to connect it to an object, why its missing in my right panel, i have the paid virsion Dev Mod

Figma file data is gone. It was fine until last November, but when I go in now, the data is rolled back to the state I was working in last June. The history back also goes back to June. I think there is a problem with the file. It is important data, so I really want to get it back. Can you tell me why? (It looks like not only one file but the other two files were rolled back as well. I think there may be a problem with the account itself.)

I’m a UX/UI design student who is new to the field so please bare with me.I want to create an interactive text input field for my prototype. I have a made an input field component with default and active variants. When the component is clicked on it switches to the active variants. What I can’t figure out is how to make it go back to the default variant when the user clicks outside of the component. Most of the answers I have seen online direct me to check off ‘reset component state’ under the ‘state management section’. That is not an option for my interaction, the only option I see is ‘reset scroll position’. Interactions details shown in picture.Any help would be greatly appreciated, thanks!

I’m looking to create a video demonstrating how a feature in Figma works like the one below. I’ve watched YouTube videos on adding video to your prototype (e.g., as a background) or creating a video player with pause function. But how is Figma creating the short demos I see in the below examples?https://www.figma.com/design-handoff/https://cdn.sanity.io/files/599r6htc/regionalized/61cadd50e0960147a9dcbeaa9738a7cd5e380a8c.mp4Thank you 

so, I don’t know what I’m doing wrong I’m unable to make this component appear after 1s delay with a boolean variable. If I set the variable in the interaction from false to true it does work, but it doesn’t the work the other way.

Developed a plugin to review design file and highlight the correction on plugin. Currently I can able to get data from Figma but how to pass that data into plugin UI

I’m having the same issue! Confirmed that the PNG has a transparent background, every time I import it (either through importing media or just dragging the file) it has a white background instead of transparent.

Hi, I am using a preset design and I am unable to change icons to ones that I would prefer. any help would be highly appreciated. For example, I want to add a boxing icon that is provided with the template but I am unable to swap out the skate boarding icon.  

Hello, we got a libraries from another team and it’s imported in our company’s folder. The new libraries has new components and styles (dark mode) so I need to swap the old library with the new one. I created a new branch to avoid ruining the main file and I am planing on merging it when I finish the dark mode library swap and mockups. Any idea if this will work?

I can’t upload this without recreateing a file. I’ll try to get to it...but maybe someone knows the answer without seeing my file?I made a component variant that has text and an trailing icon.I want to be able to type text and have it truncate and still have the icon showing.IF I use fill on the text, it works. I just jave to manually drag the width of the instance. IF I use hug on the text, it is pretty! I love it...but… IF I do the hug, then the text gets too long, the icon will push off the edge. 🤬I tried doing a max width on the text, but then if I hide the icon I get a gap.Totally confused here and I think this should be really simple. Anyone have an idea what I am doing wrong?  

How to stop automatic carousel while hovering the frame?

 So guys, I'm new to Figma and I need a little help. I really don't know how to explain this, but when I'm in the prototype view and I hide that part of the component, the component below doesn't follow the top, how can I sove this?

Hi everyone, Figma newbie here, I am almost done with my grocery prototype, but I have an issue with the New List flow: You add items via a checklist overlay. Each item (#Oats, #Quinoa, and #Brown Rice) have their individual, respective modes (See Layers panel). Ticking items adds them to the shopping list via a boolean variable called #Added-to-list. If you uncheck an item, you will remove it from the list. The remaining items are “preset”, more on that later. There is a Cancel button. It will set #list-total-price and #list-count to 0, and both booleans #Added-to-list and #Is_visible to False. Regarding the remaining items, those belong to a preset list belonging to an Import List flow. However, I want these items to show

in figma alignment, layout and position are all calculated in decimals how to convert in whole numbers

Hello. I cannot find the answer to this and I am very sorry if this is a dumb question, but how would I best align two columns of text across from each other, the left aligned left and the right aligned right as in the example (not my work). The only solution I can think is to distribute the spacing on the left and drag rulers down for each row and align them that way but there should be a better way. Selecting all and trying to distribute or tidy doesn’t work. I will be doing this a lot and would love to know the proper way to accomplish this. Thanks to anyone who replies.  

What I want to achieve The UI I have essentially has two separate sections alongside each other. A “stage” on the left of the screen which is in fixed position, 100% height, 50% width of window. And a scrolling feed of content to the right of that, about 10 items. The effect I want to create is when I hover over a card on the right, the larger “stage” is filled with relevant content (image/video mostly) of the item that has been interacted with. I want the appearance to be elegant so it fades in - but I can’t find a way to do this as they are not related / separated items. Possible options… I have tried a few things but I want to see if there is a better solution. Overlays: I can’t use overlays as I have a fixed header and the overlay overlaps this. Variables / Conditionals: I tried setting true/false and used and if/else condition

I’m trying to create a button which when you hover on it increases it’s size, but when doing so the alignment of it in the UI gets mismatched. Is there any way to change the position of an icon when you hover on it, so that when you hover it stays center aligned in your navigation bar? (I have tried searching for this, but no luck on forums. Please mind any issues with my post, this is my first one.)

Is there a legend for layer icons. Sometimes I run across one where I’m not sure what it means.

I made a batch of button-like components for use in my project. At first all hover animations went smooth, just as I wanted. Further in the design phase I changed some background colors and I noticed my hovers were messed up, all except for one of the buttons. As you can see in the file, the left button’s hover doesn’t go smooth, the color fades just suddenly pop in. The right button works fine. Funny thing is that I made every button based off the left button, and only changed the shape in the background. I was wondering if any of you people could point me in the right direction to what is wrong, because I just can’t figure it out. Figma – 16 Jul 24

I have 3000 components with these properties in the wrong order. Is there a way I can change the order without having to drag them into place for each component…

Hi there,  I have a new issue (i am a student) when using the white board. No clue why it started.  When i am adding a template to the white board (any template), it shows up on the board but whern i place the curson on the sticky notes, for example,  I cannot edit them. I can’t really use the template. The moment I zoom in or out the board (doesn’t matter if with the mouse of the touchpad), the whole template is GONEEEE!!!! Why?? 😭 Please, advise. (I am working with a Macbook Pro).Many thanks,  Simo 

I need help with swapping variables for a new library on FigmaI’m creating a design system that needs to swap the associated branding: colors, fonts, corner-radius, and border-stroke to be switched out. And the way that we do it on the component level is by switching the libraries (to the new ones), but Figma’s feature “swap libraries” doesn’t work with variables, only with styles and components.I tried to find a plugin that could do it properly, but the plugins that I found only change the variables available on the page, and don’t change directly the variables pointed on the variables panel.Has anyone faced the same issue? How did you fix it?

Hi everyone,I want to subscribe Professional Account on Figma (individual subscription), but I was invited to join an Educational Team. I’m wondering if it’s possible to be part of an Educational Team while maintaining my Professional subscription.

I am trying to create a dropdown widget that displays a calendar. I want it to appear over the top of other elements on the screen when the user clicks the widget.I have tried setting the canvas stacking to ‘first on top’ for the component variant, but I still can’t get it to work. Is there something that I’m missing? I have tried to attach some screenshots to this question but they would not upload. Please help, this is driving me nuts! 😂Best,Hannah 

Hi! I am new to Figma, and I was learning about how to use Auto Layout. I got all my components into the right spot, and when I change the dimensions of the frame they’re in, they adjust accordingly. When I run it and preview the frame in a different devices however, the entire frame itself just sticks out and doesn’t fit the screen. Here is an image showing what I see