Ask the Community

I can’t use the PingFang font in Figma on Chrome with macOS 15.0. Before upgrading the system, it worked fine. I’m using Chrome, and I’ve cleared the browser cache and restarted the computer, but the issue persists. I suspect the issue might be due to the following: macOS 15.0 updated the PingFang font, but it cannot be successfully downloaded and updated in Font Book.

Hi, I just started Figma today and I need a help so I appreciate if someone help me. I got a problem about ellipse function, even I want to make just a circle, somehow it doesn’t work and there is another some weird shape instead.

here is how I get instance’s properties in my plugin: here is how it print: but here is actually properties order in user interface Is there a way I can get the properties orderly just like user seeing.

All - semi noob here and wanted to make sure im starting down the right path. My developers are using vs code with MUI to build out our front end. Id like to redo my Figma designs with the same default mui library components so i can just export the new Figma designs in code to them. From all i can tell its as easy as 1) importing the mui for Figma design library, 2) using those components on the new Figma screens (in developer mode?), and then e) exporting the vs code and css (maybe with another export tool like rendition?) Is it that simple or am i missing something? Id hate to get 1/2 way through and te realize the assumption was wrong. If there are different libraries, tools, etc to do what i need please lmk. Thanks for any help - and (sorta) sorry for asking such a basic question.

Hey everyone, I have a footer element which is an autolayout itself and I have some body content in the parent frame along with the footer. I want to make the footer stick to the bottom of the viewport so I changed into absolute position (ignore autolayout in ui3). Then i changed the scroll behaviour to fixed. While this is keeping the footer fixed in the bottom and I am also able to scroll the rest of the body content in the autolayout, the footer is not responsive (since i ignored the autolayout). Is there any way I can achieve this? I want to keep the footer stuck to the bottom of the screen and also ensure it is responsive (fills parent container) when I change the width of the parent frame.

Hi There, Sorry if this is easy but how do you hide frame labels? They’re constantly in the way while designing. Cheers, Ben

I have a list of todo’s in an auto-layout frame. I need to access the X access to move one of the todo’s out out of frame to the right (for prototype animation purposes). When I select the todo the X & Y axis are greyed out though. I though of using Absolute Positioning but that options seems to be greyed out also. Can anyone explain when this parameters are greyed out and if theres a workaround for what I’m trying to achieve? Thanks!

I’m trying to give a particular shape to my block of text, without it being cut (I tested, it doesn’t work with a mask). For example, instead of being in a rectangle, I want my text block to be shaped like a triangle, with the text automatically wrapping to fit that shape. Does anyone have a solution please?

My sidebar is missing. I’ve tried command + shift + \ and also right click view UI and all I get is the toolbar. So I can’t see any layers. I read through a bunch of similar issues online and thus far haven’t found a solution. I’m on a macbook pro + Ventura + chrome (updated today). Thanks!

Hi! I have a common problem, where the scrolling icon of my mouse gets “stuck” into that setting, but its behaving just like the normal mouse cursor icon, and it’s quite annoying. Am i doing something wrong or is it a bug? Sorry for my english, its hard to describe. Here’s the chatgpt version of it: “When I’m working on a Figma document, sometimes the mouse pointer changes from its classic shape to its scrolling shape (the four-directional wheel), but it doesn’t behave as expected. Instead, it retains the classic pointer behavior. When I use the mouse wheel and click it, it behaves as expected, but the icon doesn’t return to its normal state afterwards.” I’m uploading a literal screenshot

Which Figma plugin do you suggest using to create frames with table layouts in which to set formulas like in spreadsheets (e.g. Numers, Excel, etc.)?

I’m working on a component where users can select their weight or height by scrolling through a list of numbers. The picker should have a fixed value displayed at the top that updates in real-time as the user scrolls. I believe this might be achieved using local variables, but I’m not very familiar with how to set them up in Figma. I’m looking for guidance on how to prototype this interaction. I’ve added a photo to illustrate what I’m trying to create.

If designers set up component in a way to dynamically increase the size of container and reflow content - does this translate into code?

Does the starter plan delete your projects after 30 days? I’m a bit confused about the limitations TIA

The app is quite buggy lately. While mirroring it disconnects, or the screen goes dark, then I have close the app sometimes or restart the prototype doesn’t work. Also, the app is rendering a light grey outline on elements that have a light grey background fill, its kind of annoying. I love your product but please fix these bugs, we rely a lot on how things look on app to make decisions.

Some of my animations randomly started to break and work in weird ways while some of them are working fine others are bugging although all the properties are exactly same

I have designed a bottom navbar component and variants are prototyped but I don’t know how to connect them with main screens like home, explore, profile etc pls help me new to Figma and not finding any tutorial on it

I am having serious issues trying to line up the Settings Icon with the text below, to be centered I have 3 frames, all are on auto-layout, exact same width, the first 3 icons & text seem to have aligned in the middle, but the last one, only on the right Attached images to all the 3 frames I have - the icon frame, text frame & slider frame

Hello, I’m trying to identify all the external components used and references to the same. Wondering what is the best mechanism for the same. For example, if I use MUI Table, how do I identify that component is referencing MUI library ? Here’s sample output from GET/v1/files/:key. It says remote but does not specify that it is from MUI component library. "components": { "2:3": { "key": "c10adc2d16831aa748af4c1d7be279059bd01e37", "name": "Small=False, Checkbox=False, Small Screen=False, Rows=5", "description": "", "remote": true, "componentSetId": "2:2", "documentationLinks": [] },

Why cant I see the new UI3 updates yet? I cant continue with my class cause some of my students already have access to the New UI3

Hello, I am a junior UI/UX designer and I would like to know what size the frame in Figma should be for a 13 inch screen?

Is there a way to reset all overrides except ones that I select? For example, let’s say I want to swap in a new Button but I don’t want to reset the character property, I want to preserve what the user has typed in the label text layer. The only method I found in the Plugin API docs is the resetOverrides() does not take any argument. It would be super cool if I could pass in what I don’t want to change e.g. resetOverrides(!node.overrides.character) Here is my WIP code to swap out old components with new ones: // main.ts import { getSelectedInstances } from "../app/utils/getSelectedInstances"; // Adjust the path as necessary // Clear console on reload console.clear(); // Default plugin size const pluginFrameSize = { width: 320, height: 380, }; // Show plugin UI figma.showUI(__html__, pluginFrameSize); // Import the component map import { componentMap } from "../app/data"; // Adjust the path as necessary let componentCount = 0; // Function to swap button components async functio

I work on a product that has a sound library that plays during specific interactions. I built a component with embeded mp4s that had audio in them so people could include sound in their prototypes to better mimic the product experience. I had it all set up and working for me locally at the end of my day today and shared it with my collegues only to get notes that no one could hear it. When I went back a few hours later to double check I found that it no longer worked for me. I checked the history and nothing changed between my work and when I checked back later. What changed? Did Figma re-encode my files, break my project, and REMOVE the sound?

Hi. How are you? When I was trying to merge a branch, I ended up in this weird state where the merging modal was saying that I had “no conflicts” to resolve AND that I should “resolve conflicts before merging”, at the same time. The button to merge was disabled, and there were no actions I could do in the changes as well. The only way out I had, to not lose the changes in my branch (that had some variables as well), was to duplicate as a new file and delete the older one. To make things worse, this has happened again, twice in the last couple of weeks. My question is: Is this some known bug? Is there any clue on what I might be doing wrong to end up in this state? Thanks a lot,

I In Figma, the keyboard shortcuts for sending an item backward or forward are Ctrl + [ and Ctrl + ], respectively. Bringing items to the back or front is done using Ctrl + Shift + [ or Ctrl + Shift + ], respectively. However, the shortcut preview on the right-click panel doesn’t reflect this accurately. Figma, please check.