Ask the Community

I want to create a button using auto layout that extends from the left, not the right when I edit the text.  The only way I can get the text to extend to the left is when “resize to fit” isn’t selected, but then only the text extends, not the background frame of the button. Surely there’s a way to do this?Thanks in advance,Lucy

No se como explicar, soy principiante, estaba trabajando en el diseño de mis maquetas para hacer un prototipo de alta fidelidad, para un trabajo de un curso, estaba editando textos y al borrar una palabra y al dar enter, no se, cambio total el aspecto de mis diseños. Solo son como esquemas de pagina, lineas de recuadro y textos en blanco y negro. No se como volver a mis diseños con fotos, textos y color.

Hello,I’m using getVariableByIdAsync API to get a variable info. For example, I try to load a color variable which key is VariableID:d2c9451722738c45a0c75047e467b459856cce94/49352:54The code will be:const iconTertiaryVariable = await figma.variables.getVariableByIdAsync("VariableID:d2c9451722738c83a0c75047e467b459865cce94/49352:173");If I use the color variable in the figma file already in another element, it works. But If I haven’t used the variable yet in the file, I got error always. It says:The variable with id "xxxxxxxx" does not exist.How I can load the variable without this error?Thanks,Toshi

Hey! I’m Ajani Ben, from Oyo State Nigeria, Can someone guild me on how to apply for student lead for figma. Thanks.

The biker boyz jacket is a great option if you enjoy both riding and trendy clothing! This jacket was inspired by speed, adventure, and bold fashion. It gives both bikers and fashion enthusiasts a stylish and self-assured appearance.The Biker Boyz jacket was made of high-quality fabrics to ensure both comfort and durability. Whether you're riding along the road or simply hanging out with pals, this jacket will make you stand out. For people who enjoy a blend of attitude and flair, it's ideal.For a full biker effect, pair it with jeans and boots. If you want to add style to your wardrobe, the Biker Boyz jacket is a must-have!

I have a component with three variants, each made up of a single frame, and prototyped the three together. In the instance, each has an image fill added as an override. Fills two and three are lost when previewing/interacting with this. I also tried an additional frame in each variant, and again added the image fills to the instance with the same outcome. Frames are named the same for Smart Animate. Instant produces the same results. As simple as this is, am I missing something?

I'm trying to use a Boolean property to toggle the visibility of a layer inside a component instance, but it's not working. I added a Boolean property to my main component and tried to bind it to a layer's visibility. I right-clicked the eye icon, linked the property, but nothing happens—toggling it in an instance doesn’t hide the layer. What am I missing? Any help would be appreciated!

I’m on a mac and am attempting to add a keyboard shortcut for “reset all changes” on component instances. I can’t seem to figure out the menu command I need include. I have tried “Reset all changes” as it appears on the instance menu, but that doesn’t seem to work. Any insight would be appreciated!

Usually when i open a file, a new tab opens for that file, but now i only see the design file but no tab is opened for it. I’ve tried changing teams and re installing Figma but nothing changed. Help please

Hey everyone! I recently was shared a file to edit within my team and I was able to edit and view without any issues. However after a week or so when I try to jump back into these files it is now requiring me to verify that I am a student or educator. I’m unable to do this because I am neither and if I can’t do it then I am unable to edit the file. Other members of my team are not experiencing this issue. Is there any solution in order for me to be able to edit these files again without verification? Does it have something to do with the owners permission of the file?

Well, I’m doing a project that uses a lot of overlays, and I want to use the manual option, but the preview appears sometimes… when I want to position one preview it doesn’t show up, but some times it works. What can i do?For example, the preview doesnt appear even I close this windows of interaction… what do I do?

Hello! I need help locating the variable button. I’m following a tutorial where they attach a number variable to a text box. In my Typography section, I can see options to attach variables to line height and letter spacing. However, I don’t see an option to assign a variable to the entire text box content, which is what I’m trying to do. The dark theme screen shot is mine and the light theme screen shot is from the fallow along video.

Hi, I would like to see memory usage in layers panel. According to the Figma documentation there should be an option called ‘Memory usage’ found in ‘View’. This option is not visible for me. I find ‘Resource use’ but this does not display the percentage to view how much memory my layers and components are using. I tried to search (⌘+P) for “memory”, but didn’t get any result either. I also uninstalled Figma and re-installed, but still no Memory usage option. What have I missed?

I’m looking to prototype a sticky bar in Figma that becomes visible once the user scrolls past x% of the page height. The animation should have a smooth slide-up effect to keep the experience seamless. Any ideas on how to achieve this in Figma’s prototyping mode?For example, a sticky bar appears only when user scrolls to 20% of the page and it will become fixed to bottom of screen for the rest of the scroll depth. Then when a user scrolls back up, the element releases from the fixed position and disappear. You can see this in effect on this pageDoes anyone have any solution to this?

I’m working on a plugin to generate HTML and CSS from Figma designs. I am facing a positioning issue while generating CSS from the designs without auto-layout. While Figma’s auto-layout designs provide CSS properties like flex properties, so it’s easy to make the design responsive in that case. But, designs without auto-layout do not have those css properties. Is there a way to identify layout direction (vertical or horizontal) and spacing between elements in designs without auto-layout?

I offer free plugin on MIT license . As I remember there was no option to choose the license during publication so it was for free on MIT . I want now to add additional plugin services that the users could pay for them - i am reading now the payment api , but I am not sure so I would like to ask - does the payment checkout needs to be made by me like handle with Stripe , Paypal … payment ? Regards

I want to get list of libraries (along with their published version) used inside my figma design file using the REST API. I could not find anything specific in the documentation. Is there any way to do that?

Hello everyone! File link: https://www.figma.com/design/GXyHBRhJt7I2Ci5PqnfNzc/Button-bug?node-id=0-1&t=63BDH6hBdE0N5wjj-1 I have a problem with the animation of this button. When I click on the button, screen 1 should go to screen 2, and the button should move from enabled state to pressed state, while pressing. As you can see from the prototype, while moving from one screen to another, the icons on the right side do a strange effect, become a square. Can someone help me fix this? Also, for the kind of animation from screen 1 to screen 2 that I need, I have to keep the smart animate between the two. Thank you!!

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

I haven’t been able to get a clear answer on this via the chat, so I am hoping someone here can answer:If I own the updating and maintenance of our organizational design system, I think I will need an organizational account. If our graphic designer and web designer need to access our design system to pull components from it into their designs (but not edit the actual design system itself), do they need an organizational account as well? Does the organizational account just give you the access to own and change the organizational style guide, or do you also need that level to use its components in your design?

Example component - Avatar (part of variant set) Component description field text "Use them in any situation where users might need to quickly identify themselves or other users at a glance Default state for designs should be ‘fallback’ (color+user initials) Avatar color set can be found under color styles" (avatar, profile, user profile) Search terms in bold - avatar (which is also in the name yields results when searched but the others don’t I am trying to replicate this Build it in Figma: Create a Design System V: Documentation 5:30​ Using component descriptions with search terms for easier to find components 6:45​ Component descriptions show up in asset search

Hi Everyone, 3 years later, is there still no way to copy and paste prototypes to another file?I have way too much in the master file that I still haven’t cleaned up do to an import from Sketch (did not go to well).  I cannot give the team access to it.  When I copy over to another file, all the links/variables/code breaks.  I cannot duplicate the file either as I have to give a new URL and access to everyone every time I change something.This is so annoying and very surprising coming from such a standard product.

I will do a step by step to recreate the issue.1. create a component with 2 or more variants, In this case I will have a true and false swapping between the two styles. Then nest that component into another component 3, Then create an instance of that component and set the a variable to switch between the two variants we created with the original component. when the variable swaps between the variants it will reset all changes (including text changes) to the default in the original component (first image) Note: this issue does not exist unless a variable is the one to make the change. If i manually do it, or it changes by an interaction it works as intended, its only when a variable is introduced does it act strange.    

I paid the annual subscription for my Figma team, it’s been a month since I made the payment and so far everything was going well and recently I got this message “Payment failed Our last attempted charge was unsuccessful. Please update your payment method as soon as possible. File editing will be locked after 3 failed attempts.” and the charge was made to my card.

My Figma isn’t suggesting replacements for misspelled words. It does highlight the spelling errors, but when I Command-click or Control/Option-click, no alternative spellings are offered.I want Figma to flag errors and provide replacement suggestions, as I’ve seen this working for my colleagues.I’ve checked that my language is set to UK English under Figma > Text > Spell Check, restarted Figma, and I’m using the native desktop version on a Mac (not the web app).Any advice on how to fix this? I’m dyslexic and working on shared FigJam boards with my colleagues and not being able to correct my terrible spelling is inhibiting and painful 😥