Ask the Community

Hi there. To create my prototype, I am cutting and pasting a lot of images into my Frames. Currently on one of my Parent Frames, I created a child Frame to import an image. I was finally able to get all the content in however, there is a big gap to the left - please see attached. I would like all content to be preserved and just expand the width. Does anyone have an idea of what I can do? I will be doing a lot of cutting and pasting into frames. So If someone has a clean step by step process of how I can easily insert an image, keep all contents and expand it to the parents length that would be amazing. I am all ears. I spent a full day trying to solve this problem, which is probably a simple fix :) Many Thanks, Susanne 

What is the most frustrating or repetitive task you encounter in Figma that you wish could be automated with a plugin, but you haven't found a good solution for yet?

i designed a web page without auto layout because i need to apply parallax effects. when i hand off the project to developer. everything works well except the responsiveness. sometimes it shows every objects in a right place in some screens, but in some different screens the objects and layout deformed and do not behave well. i also apply right constraints to each objects and frames but it doesn’t work. anyone can help me with that? here's a stage link: https://stage.creatorsclass.co/fa/about

Issue:Components created with responsive variables in a shared library do not adapt when used in a separate design file.Steps to reproduce: Create components in the library using responsive variables. Insert those components into a separate design file. Switch the containing frame between mobile and desktop sizes. Observed behavior:The components do not respond to frame size changes.Expected behavior:The components should adapt responsively, just as they do when created directly in the separate design file.Any thougts on this?  Best,o

Hey everyone,I’ve been working on some design concepts for the mobile experience of Super Bear Adventure, focusing mainly on how to adapt its 3D platforming mechanics into a smooth and touch-friendly UI/UX prototype in Figma.One of the main challenges has been translating the console-like feel of movement, collectibles, and interactions—things like jumping, attacking, talking to NPCs, and navigating open-world levels—into a layout that feels natural on mobile. I’ve been experimenting with interactive components for virtual joystick placement, customizable action buttons, and smooth transitions between menus like character customization, map navigation, and inventory, and I’m also referencing tools like the (Super bear adventure by earthwak games).Getting these interactions to feel seamless (especially for layered elements like pause menus, dialogue boxes, and camera controls) has been tricky.I’m curious if anyone here has worked on platformer-style mobile UI in Figma before. How do you

I’m trying to build a prototype where a number will change based on some randomization. The idea is I have my Total number variable, and my Modifier number variable which are added together to update the Total. I’d love for the Modifier number variable to pull randomly from a list. It seems the best way to do this is to use a randomizer plugin that updates a text field from a list, but then I can’t figure out how to get the Modifier variable in my variable settings to use that number. Also open to totally different ways to solve / try this if it gets to the same result of having a base value that can be randomized within certain parameters. Thanks so much!

Hi all, I am creating a symbol language with vector graphics of various irregular shapes, set into diamond-shaped frames.   Question 1: What is the best way to regularize the sizing of these graphics? As you can see, I can’t really set a regular height or width, as the shapes take all different forms, and some are wider while others are taller. What you see above is eyeballed, but as I’m aiming to get these printed (like a deck) I really want to do best practices here and figure out a more accurate method. Question 2: Once that question is answered, the question of spacing comes up. For the above, that’s relatively easy if you want to set them centered, but if two (or more) symbols are on a diamond, then their shapes again are irregular and therefore center-snapping doesn’t work. Both symbols together with eyeballed spacingRight side vector frame highlighted to show shapeLeft side vector graphic frame highlighted to show shapeQuestion 3: If there is a way to regularize the sizing that

what is “Error ID: 0af11dcc6e8243d3af9235b0908cf702” i cant enter any of my work it’s showing message like below : Something went wrongOur team is looking into it now. If refreshing the page doesn't work, check our status page for updates. 

I'm pretty new to Figma and this is my first time creating a prototype. I have my nav bar fixed to the bottom and I'm having issues creating scroll-to interactions for my menu when it's expanded. I have a components frame where I added variants for my bottom nav: default and its expanded state. I dragged the bottom nav component to my home page frame and was able to add some navigate-to interactions without issue. But when I try adding a scroll-to interaction (so when the user clicks Contact, it scrolls down to that section of the page), nothing happens. I suspect it's likely due to the nav bar being fixed, but I really don't know any way around this. My nav bar needs to be fixed, so I'm hoping someone might have some suggestions?

I tried centering the transform origin and applying a new frame, but the same issue persists ;(The strange thing is that the small button moves to the left even though the coordinates are the same.Even though the constraints are set to the center.My AI says this issue occurs because Figma aligns elements to the top left.How can I fix this?

Hello everyone,I'm developing a FigJam plugin and have encountered an issue when trying to access the children of a SectionNode. The behavior seems to depend on the section's lock state, and I'd like to understand if there's a way to get the children even when the section is locked.I've tested the following scenarios using the code snippet below:1. Section not locked: I can successfully get the children.2. Lock background only: I cannot get the children. The node.children property returns an empty array.3. Children placed on the section and then the section is locked (Lock all): I can successfully get the children.4. Section locked  (Lock all) and then children are placed on it: I cannot get the children.I'm specifically looking for a way to get the children in scenarios 2 and 4. Is there a specific API or method to achieve this? Any insights or workarounds would be greatly appreciated. Thank you in advance!  const selection = figma.currentPage.selection; if(selection.length === 1){  

Hi - is there a way to have a dropdown accordion in Figma sites without having to build it custom or have to use Make? It seems like this would be a simple layout to offer.

I’ve been working on some design presentations in figma that could use short video clips to make them more engaging, but editing those videos has been slowing me down. A teammate mentioned this website which makes editing much easier than the usual heavy tools, but I’m still running into problems like keeping consistent quality and style when mixing video with figma exports.Has anyone here figured out a simple workflow for creating and editing short videos that blend seamlessly into design projects without spending hours on post-production?

I am creating a card component with 2 variables one is the “On” state and the other is the “Off” state. In the card component there are child components “Button” and a “toggle”. In the prototype when toggling back and forth between the On/Off states before selecting any of the buttons there is nothing wrong but, if I select anything then toggle off the state of the buttons stays what it was in the previous state. (photo here to show what’s happening)Does anyone know why this could be happening? Is this a bug? or is it the way that I created my components. I will put in the photos of everything. The only thing so far that I have tried that kept the states was changing the names of the buttons on the “Off” state but if you do that then the text overrides don’t carry over.    

I have a component with three states. The second state has an After Delay interaction to the third state. I also have variables for each state, and a currentState variable that records the current state. I implemented an instance of the component on a frame and set it’s state to my currentState variable, which defaults to the first state. I then added a separate button with an On Click interaction that updates currentState to the second state. This successfully updates my component instance state to the second state, but the After Delay interaction on the second state is not automatically moving the component instance to the third state. I’ve tried refreshing, changing the delay time, and more. Any guidance is appreciated. 

I am trying to do what seems like a pretty easy task: merging changes in a branch into the main file.Here are my steps:From the branch, I click the dropdown arrow next to the branch name.  Select the option to merge I resolve all conflicts Complete the merge.Expected result:The changes from the branch should appear in the main file.Actual result:They don’t. Nothing happens. Main stays the same, branch stays the same.On top of that, the Figma labeling is confusing. It’s either incorrect/copy errors that are confusing, or I am legitimately not doing this correctly.For example, then the merge modal is up, the title of the modal reads “update from main file.” But that’s not what I’m doing, I selected to do the opposite AND the UI reflects I am doing the opposite: I am “merging branch” not “updating from the main file.” This whole feature feels half baked, and in the meantime, I’m going to abandon it by simple copying all my changes from the branch into the main file, then archive the branc

Hello I am having a problem connecting my app to Supabase I deleted that and now trying Firebase and still having connecting issues, Can someone please help me figure this out?

Hi everyone,I hope you’re all having a great day today.My problem is that, whenever I start to write any text, all the letters are in capital letters.I used to correct it with the old Figma version, but now with the latest version, how can I correct this ? I don’t find it like in the past version.Could somebody help please on this and tell me exactly where can I click on the new version?Thank you ! 

We have removed lots of unused users (about half of them) due to a restructuring, but we have been invoiced for all seats on July 29. We do not foresee using all seats during this next year. Is it possible a refund or credit for future renewal for all those unused seats.

Hello community, Me and my team are new to working with branches and we are working on improving how our styles are organized in our design system file. I am wondering about how Figma behaves when styles are reorganized in a branch and then the branch is merged into the main branch. Many of our styles have variables encapsulated within some of their parameters. We are also going to find out how Figma behaves with that kind of situation.  So, can a branch file's styles organization changes be merged into a main branch? If anyone has had experience with doing this and is willing to share some of their experience that would be greatly appreciated. Thank you for your time and help.

Our Sketch license expires next month and I need to upload copies of all our Sketch files to Figma as we transition over and sketch runs out. We need backup copies of that work. However, recently while importing the Sketch files into Figma, I have noticed that the files are not rendering as they should, with fonts and containers going haywire and looking like a complete mess. Initially I will upload a file and it will load up without fonts, and Figma will say that there are ‘missing fonts’ - I then add the missing fonts like for like, and the fonts appear all over the place - not fitting in containers and spilling out everywhere looking all jumbled up. Also, some of the components look a bit messy too (wrong colours, broken elements etc).When I first tried the import 6 months ago it worked fine - no problems? Now they seem broken when newly uploaded. Is there a way to fix this? 

Hey, I am using a custom font in my webpages. I can see the font in the preview but when I published it the font changed to some other font. Is there any fix for this? Thank you!

I have a button animation I’ve been trying to figure out. I did my very best, but I can’t work out how it works. I’d like to send you a link to the website where I saw it. Would you be able to explain it to me?Here’s the link: https://www.mutabor.de/de/...Go to the third section on the page (scroll down to Elevate your strategy). On the right, at the bottom, there’s a button called for example Brenntag CASE. When you hover over it, it instantly changes — the button image switches to an icon with an arrow, and the style changes from an outlined button to this icon version.Thanks a lot,Geof

 I encountered a problem when I created a sign-up button on the sign-up page of my mockup. However, when I set the padding to 16, it didn't detach from the screen.I set it to fill content.It's a frame to which I added text.I set it to auto-layout.