Everything announced at Config 2026 🎉
Experiencing issues? Report them.
Recently active
It does not show me the Figma AI button in the toolbar below, I am with the new Beta UI3 interface and with a Professional plan account, I have activated the AI Features option, however it still does not show the Fgma AI button in the Toolbar. How can I solve this problem?
I’m recreating a simple animation that I originally made in code, but using just Figma Interactive Components with the newer delay functions. In the GIF below, you can see that the ripple effect expands and fades onClick which is expected. Then the same ripple is shown to circle back the animation to the beginning of the sequence. However, on the second run through of the prototype, the ripple doesn’t animate and just appears, which seems unexpected. Everything works when restarting the prototype. The playground file I’m using is here, so y’all can take a look at what I’m setting:Figma – 2 Mar 21
Any updates on this issue? The nav 2 and nav 3 switch back to the Nav 1 title when using the variable to control the state: (on mouse down, set the variable of the state of nav2 and nav3 to default) - any way around this?(this is a test file) Button is a component within the nav bar component After buttons 2 and 3 switch to the language of Nav 1 (beginning state, no overrides), if i mouse over those buttons they do go back to the Nav 2 and 3 titles, its the initial state that goes back to the original instance labels thanks for any help on this...
Hello, everybody!Figma somehow created 3000 empty rectangles. Some are grouped even, which causes weird thing when I copy or move some parts. But also I just cant’ understand when and how 3000 empty rectangles were created and haw to delete them manually. Any ideas what is it?
Here’s the scenario/problem:I just made an update to a variant within a component in my master library and actually did so to about 8 components. But in my Design File I don’t get a visual indicator to tell me that these updates occurred until I take the steps to switch to a different variant on each one. What I expected... To see in an icon on my Assets library And then the Icon is displayed, so I know I have an update After clicking that icon I get taken here and see all my 8 components here -- so that I can update them all at once: Instead I have to go to each component and change the variant to see that an update is occurred. This has to be a bug, or a maybe a design gap.
I created a card component which consists of header text, subhead text, and button or a text.Then combine the card wit ha little nav item to have something like a carousel a person can navigate to choose a game. images of all state below.so the way it is built:card component below 3 nav item components. and prototype allow to navigate between 4 states suing the nav bar under the card.1st choice has header, subhead and text “game completed” - a text property and boolean property2nd choice has header, subhead and text button - a boolean property3rd choice has header, subhead and text “complete previous game to unlock” - a text property and boolean property4th choice has header, subhead and text “complete previous game to unlock” - a text property and boolean property. but… when I go to preview the prototype and I click around the text property ‘complete previous game to unlock’ keeps going back to default status so that I dont se ‘game completed’ anymore the n I go back to 1st choice, in
Gradient Quality Before Update on a 5x Smaller FileGradient Quality After Update on a 5x Bigger FileHi all,I’m experiencing some issues with PDF exports for gradients for nearly a month. I attached some examples for export comparison October 2024/January 2025. No matter how the PDF is exported or the design, the same issue persists. There is severe dithering and quality loss, which has never happened before. Is there a solution for this, because I can’t seem to fix it and it’s damaging our work with clients, because we can’t export a single slide from a presentation properly if it’s not all flat colors. Would really appreciate some help.More examples below:
The Frame was set with autolayout and the height is set with “Hug contents”. While the content is actually “80px”, the Frame’ height resulted in “74.2px”, once I copy paste it, it became the right height agian (80px).
Hello,I experience issues when exporting vector icons as SVG. When the exported icon position is a plain pixel, the export is correct, and has the same size as in the design file.The icon is at x= 0 ; y = 0This is the exported SVG file content:<svg width="1667" height="2500" viewBox="0 0 1667 2500" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_20_4)"><path d="M416.833 2500C646.833 2500 833.5 2313.33 833.5 2083.33V1666.67H416.833C186.833 1666.67 0.166698 1853.33 0.166698 2083.33C0.166698 2313.33 186.833 2500 416.833 2500Z" fill="#0ACF83"/><path d="M0.166698 1250C0.166698 1020 186.833 833.333 416.833 833.333H833.5V1666.67H416.833C186.833 1666.67 0.166698 1480 0.166698 1250Z" fill="#A259FF"/><path d="M0.166698 416.667C0.166698 186.667 186.833 4.76837e-05 416.833 4.76837e-05H833.5V833.333H416.833C186.833 833.333 0.166698 646.667 0.166698 416.667Z" fill="#F24E1E"/><path d="M833.5 4.76837e-05H1250.17C1480.17 4.76837e-05 1666.83 186.6
ok so I've made this pink and red logo with lines shooting out of the sides, all in figma. I used masks to create the finished look. When I export as PNG it works, but when I export as SVG to add to illustrator it does not work and instead the lines don't show up and only the mask show's, here is a screenshot of what I mean in illustratorwhen I try flattening the image the lines become black and the mask section fills out in that reddish color, which is definitively not what I'm trying to accomplishAny help would be greatly appreciatedthis is what I see in illustratorthis is when I flatten the image, which is totally not what I wantthis is what the final result should look likehere is a better visual of all that’s going
How can I make it so components can have a boolean “visibility” property without this?
Figma file cover takes too long to sync up with the latest change from file. This issue has been being for along time and should to be resolved before the Cover size update
I am facing a bug where Figma does not correctly reference variables in a different collection even when the appropriate modes are set. For context, I have created a simple multi-brand design system with: Primitives collection: storing hex values of colors for each of my company’s brands (yellow and green) Semantic collection: storing references to variables in the primitive collection for the same brands After setting up the primitives collection, when I try and edit the variable for green brand in the semantic collection, the variable ‘picker’ window shows the correct green that should be referenced from primitives, however for some reason this does not apply. The video demonstrates the issue. I also show correctly applying the mode for the page to be the green brand from primitives when attempting to troubleshoot. Happy to hear if this issue is also happening with anyone else.
Asset search recognizes PascalCase within the file where the component is defined but fails to do so when searching from a different file.For example, if I search for “can” within the file containing the TrashCan component, it appears in the results. However, searching for “can” from another file does not return TrashCan—only searching for “trash” works. This seems like a bug.
Haven’t been able to find anyone else experiencing this so apologies if it’s already documented, but I’m getting a really annoying bug when selecting the trigger for a prototype where no matter where I am on the page it cuts off the options dialogue. Is there a fix?
Hello everyone, I have a problem with a component and the ignore auto layout command.I have constructed a component of two elements, a circle and a group, the latter consisting of two circles. I have a problem when I resize the component. When I resize the component the red circle changes size, but the spinner (where the ‘ignore auto layout’ is applied) remains the same fixed size, despite the fact that the component has the constraints set to left/right and high/low.If I detach the component, it works fine.If I modify the component within the component set, it works fine.I need to use the component with these two constraints because I use a system with variable collections and without this, if I change the dimensions, the whole system explodes.Anyone with the same problem as me or with a suggestion to solve it?
When i add the “ignore auto layout” in a parto of component, this doesn’t work. If i detach the same component it works correctly.
0: {name: 'color/Brand/Alpha/Primary', id: 'VariableID:1:18'} 1: {name: 'color/Brand/Alpha/Secondary', id: 'VariableID:1:3'} 2: {name: 'color/Brand/Primary', id: 'VariableID:1:17'} 3: {name: 'color/Brand/Secondary', id: 'VariableID:1:5'} 4: {name: 'font/family/primary', id: 'VariableID:1:8'} 5: {name: 'font/weight/regular', id: 'VariableID:1:10'} 6: {name: 'font/weight/medium', id: 'VariableID:1:11'} 7: {name: 'mode/modes', id: 'VariableID:1:7'} <- resolvedType: String 8: {name: 'font/family/secondary', id: 'VariableID:1:9'} 9: {name: 'font/line height/string', id: 'VariableID:3:2'} Hey everyone, This is what’s returned by getLocalVariableCollectionsAsync().variables, and as you can see, the order isn’t correct. For instance, variables inside the font folder should be grouped together, and color/Brand/Primary & Secondary should appear before the nested folder color/Brand/Alpha. It seems that whenever a string is involved in a variable collection (like in mode/modes, which is o
I encountered an issue with the Alibaba PuHuiTi font in Figma. When I type the character "收", it appears as "护" instead. I have tried refreshing Figma, reinstalling the font, and testing it on different devices, but the issue persists.Could you help check if this is a known issue or provide any possible solutions?
Question:Hi Figma Community, I'm encountering an issue with my prototype. While everything appears correctly on the design canvas, some interactions or elements don't work when I preview it. Has anyone experienced this before, and could you offer any insights or solutions? Thanks!
When I select a light color, ie any of the second line, the connector will use the color at the first line, you can even see the selected is the one I chose but the connector will still use the darker color. It also happened when I tried to copy a color from other element, it won’t respect the color I chose.
Support team, I got error.message to say I don't have permission to access prototypes I used previousely. It was my projects for demonstrate to.my clients,.it gave very bad feeling and feedback from my client when I want to demo it.I used them couples week ago,.why I can't access them suddenly? https://www.figma.com/proto/aq63bRsBMq9Nv7a6ZijqcY/%E9%94%80%E5%94%AE%E5%9F%9F%E5%8F%AF%E8%A7%86%E5%8C%96%E7%9C%8B%E6%9D%BF?page-id=0%3A1&node-id=1066%3A17101&viewport=247%2C-203%2C0.04&scaling=scale-down-width&starting-point-node-id=1066%3A17101!-->!--> https://www.figma.com/proto/aq63bRsBMq9Nv7a6ZijqcY/%E9%94%80%E5%94%AE%E5%9F%9F%E5%8F%AF%E8%A7%86%E5%8C%96%E7%9C%8B%E6%9D%BF?page-id=0%3A1&node-id=1%3A18419&viewport=241%2C48%2C0.27&scaling=scale-down-width&starting-point-node-id=1%3A10229!-->!--> RegardsDennis Li
Here is a video demonstrating the trouble or bug. Responsive fonts are adapted during the smart animate transition. This disrupts the desired animation. Fonts using variables should be cached in hidden states. Locking the mode to MD for the cards when the entire screen is on mode LG works… but then my composition is fake because it’s not the good font sizes !
Just updated my desktop app to and am getting runtime errors pretty consistently on plugins I’ve built that were previously running fine. Here’s the console error:jsvm-cpp.wasm.br:0x23113 Uncaught (in promise) RuntimeError: memory access out of bounds at jsvm-cpp.wasm.br:0x23113 at jsvm-cpp.wasm.br:0x3a412 at jsvm-cpp.wasm.br:0x26724 at jsvm-cpp.wasm.br:0x33106 at jsvm-cpp.wasm.br:0x2c352 at jsvm-cpp.wasm.br:0x2bab3 at jsvm-cpp.wasm.br:0x11f6 at jsvm-cpp.wasm.br:0x6188 at 2430-23a15bad9b36a906.min.js.br:797:87469Once I start seeing this error, the plugin refuses to open until I restart the app. After it restarts, I can open the app a few times before the error starts back up again.The issue seems to be with loading fonts. If I remove all the font code, the plugin opens without complaint. Something has changed in the latest update that seems to be causing this issue. const setup = async () => { console.log('Loading the necessary fonts... '); await figma.l
Hovers on interactive components are malfunctioning in the prototype and present modes in a few different ways: Rendering text oddly, letters are getting jumbled Filling in areas with color Seemingly disappearing from view Seeing this on 2021-04-07T23:50:00Z
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.