Ask the Community

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 spacing Right side vector frame highlighted to show shape Left side vector graphic frame highlighted to show shape Question 3: If there is a way to regularize the sizing that

Does anyone know of a way to do promise-based messaging between the plugin and the UI? (@Gleb 🙂) Using the globals: parent.postMessage(...) → figma.ui.onmessage → figma.ui.postMessage(...) → window.onmessage can lead to spaghetti code… promises would be so much cleaner. Really only the UI → Plugin direction would be fine, e.g.: someCoolMessaging.post(type: 'get-some-data', payload: { id: 5 }).then(data => { console.log('got some data', data) }) .catch((error) => { console.log('error getting data from plugin') })

FigmaでNoto Sans JPのSemibold指定されたテキストが、必ず不足しているフォントとしてエラーを出し正しく表示できない状況になります。 Xでも同じ症状の方を何人か見かけたのですが、こちらの対処法についてご存知の方いらっしゃいますか？ 以下環境と試したことになります。 環境 OS macOS Sequoia ver.15.0.1 Figma Figma Desktop App バージョン 124.6.3 ・Googleからフォントを入れ直す ・Figmaのキャッシュをクリアする ・パソコンを再起動する

Hi everyone, I’ve recently come across interesting research about Canvil, a Figma widget designed to help designers iteratively shape user experiences powered by large language models (LLMs) through what the authors call designerly adaptation. This piqued my curiosity: for those who’ve experimented with AI or LLM integrations in Figma, how do you make it work smoothly in your workflow? Have you used tools like Canvil or other LLM-based widgets effectively for prototyping? What strategies do you use to iteratively refine how an AI behaves within a design? How do you integrate LLM feedback or outputs into Figma while keeping the design process intuitive? For teams, what collaborative approaches (e.g., sharing LLM prompts, tracking iteration feedback) have worked well? Curious to learn from anyone exploring AI-assisted design workflows—especially tips that help keep things organized and efficient. Thanks in advance!

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 am a user in Chinese Mainland, and my computer system is Windows11. Now I have a bad problem. When exporting frame and export layer in figma, fonts and graphics in the exported image have stroke lines, as shown in the figure. This problem has been bothering me for a long time, and I am eager to know how to solve it.

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 th

Hi all, When I create a shape, fill it with an image, and set it to ‘crop’ I used to be able to adjust the size and placement of the image. For some reason now I can only adjust the size of the shape, and not the image that is filling it. How can I get this functionality back? Google and ChatGPT have told me to click on the thumbnail in the fill section, or double click on the image on the canvas, but neither of these work. They just open up the option to edit the shape again. Screenshot attached for reference. Hoping I’m missing something simple.

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.

Hi, I have lost an important file on Figma and I can’t find the file in any of my projects section or in the deleted section. It just disappeared completely and when I tried to access it through a past link, I am getting the following message: You can’t access this resource Contact the owner, an admin, or support for assistance. (Screenshot attached). I have a ton of my work in it and the file is very important to my work. I hope you could help me retrieve it. Thank you in advance,

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.

Hi eveyrone, I’ve started by drafting/prototyping in Figma Make, and have moved things forwards really quickly. I’d now like to move the screens into more of a workable space where I can see/edit all screens to take them from initial concept to my own specific design and see noodles linking screens together. Do you know if it’s possible to move the files across? Or am I better taking screenshots and starting from scratch?

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?

Hello Brains Trust, I am stuck. I am trying to get a navigation bar's scroll position to stay at the top of a frame (a prototype website) as one scrolls down. I want the nav bar to be visible at all times, even when scrolled all the way to the bottom of the page - but it just won't. I have done every step recommended: Select the navigation bar instance in the Home frame. In the Prototype tab, select Sticky from the Position menu. Open the Auto layout settings, and make sure Canvas stacking is set to First on top. It is at the highest layer order within the frame It is fully inside the frame, with all appropriate properties enabled I have tried every configuration of ‘Overflow Behaviour’ and nothing works (none, horizontal, vertical, both directs etc.) Yes, it is in a frame, not a group. If I disable auto layout, the problem persists. I have applied the ‘First on top’ to the Main component. On one frame is kinda half works but flickers over and under layers. Yes, I have turned it off an

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!