Report a Problem

The name of nested layer groups are truncating when there’s plenty of room to display the full name. Since we can resize the right panel, there should be no reason to set a fixed width on the text.

I have a button component with a bunch of different variants. One variant is a Disabled state where I have added a color mask to make the icons look disabled. Our icons come in a variety of colors and this has been the only guaranteed way to make sure all of the colors appear the same when disabling and then returning to normal when enabling. The issue I’m running into is when we want to resize the icon within the button, the mask breaks. This is frustrating because icons in our software do occur in many sizes but for some reason I cannot use a mask in this component unless the icon is the default size. For reference on what’s occurring, here are some images. Expected behavior when our default sized icon goes from its neutral state to disabled: Buggy behavior when the icon increases in size using a nested component. The resize occurs like normal for all states except the one that requires a mask (Disabled). Instead there is no resizing AND the mask is now broken. This is how the ma

Hello, I ran into a triggering issue while copy-pasting between versions. Variables have been applied, though the value is not good and even worse it added decimals!

Hi, I’ve created a button component with two variants: a default and a pressed state. Then I put a »While pressing« interaction on the first variant. If I add a »Tap« or »Click« interaction on the button instance to open an overlay, it stops working. The pressed state doesn’t switch back. Same with »Touch up.« I know, I could do a workaround with variables. But that would be way too much overhead here. Is it just not possible to use both interactions or is it bug?

The padding of the team’s font modal is set to zero. It needs to be corrected.

While in the left panel the »plus« icon to »Add new page« is permanently visible, I assume that hiding the plus icon to add or »create component property« in the right panel must be a bug. Or is there a good reason for hiding it? If not: it’s very confusing to search for a hidden button … Left panel Right panel default Right panel → »Properties« label on hover

When you do a component search with Shift + I and you drag a component you want onto the canvas the Actions popup doesn’t disappear and it’s annoying that it stays open. The Actions popup goes away though if I click on the Insert button or press enter.

Hi there, So lets say I have a layer with a fix W and H, but I want to switch the W to be in “Hug Content” mode, once I switch it to be so, the H becomes also “Hug Content”. Why? I want the W only to be in “Hug Content” mode and the H in fixed. I would love if you could fix it. Applying mode to one of them (W/H) should not apply to the other (As I think at least). Now, I have to switch to “Hug Content”, and then re-apply to the other one “Fixed”. Thanks - and keep up with the good work, big fan 😎

In the new AI feature, I clicked a menu item (New interface, Beta) and now its switched me back to the old interface and it seems I can’t switch back.

Hey all hoping someone has a solution to a real headscratcher we stumbled across today. We’re building out a prototype for testing where we load component instances as overlays. This modal overlay has a number of auto layouts using hug width/height. These auto layouts work as expected in prototype mode when added to a page. But if we load the component as an overlay the hug height/width breaks: This is what it looks like on the page in prototype mode: And this is what the same component looks like when loaded as an overlay: As you can see many auto-layouts break but only when shown as an overlay: List item Partner description Earn & redeem Points tags Special offers heading Active competition label While detaching the component fixes the issue we obviously don’t want to do this because it completely messes with our workflow for updating components. Has anyone faced this issue before or know of a potential solution? Thanks!

Myself and many in my team are experiencing issues with Figma links not opening in the correct position or page. Has anyone else experienced this?

In dark mode, the color contrast for text on tab background doesn’t meet WCAG AA standards. I don’t personally struggle with any visual impairments but I find reading the tab bar difficult. For some reason when I switch context to a different screen, the tab bar becomes darker and the contrast is great. Is this a bug or a feature? See screenshots for context.

Hi. Not sure if it’s caused by new UI3 or it’s a bug. But this happens: Loom video I have components for icons. Just atomic 24x24 icons, all named the same way (“color”). Then I have interactive component for icon button. Simple hover with color change. There’s “swap instance” set. In a prototype I use icon buttons. One of them - search - opens an input. Close icon button “x” acts weirdly! Figma file here Any idea what to change?

I’ve been building components using variables and it’s been great. However, last week everything BROKE. Any file with a linked component that uses variables does not pull correctly. I’ve reached out to support, but wanted to create a post incase anyone finds a fix. Example of how components are pulling through:

1. Describe the bug/issue you’re running into? I can copy small parts of my userflow made in figma, but I can’t copy the whole diagram, that’s quite frustrating 2. Are you able to consistently reproduce it? If so what are the steps? I don’t think so, it worked perfectly until I changed some colors 3. Share a screenshot, recording, console log, link to the file, etc. https://www.figma.com/file/SX9LknacdIBSMIPvnpWYrg/Userflow---UX%2FUI?node-id=0%3A1 4. Is the issue only happening in desktop app or a specific browser , or both? Google chrome browser 5. What OS/version and/or browser/version are you using? The latest version of both window 10 and google chrome

Using ⌘ + L you can get links to Frames, Pages, and Sections but not component instances? I have some screens that are themselves components, and not being able to link directly to them without embedding them in a frame feels like a bug / oversight.

I got the above email from Figma. This is a file I have View access in another org (our parent org), and for some reason for vendor request for view access I got email in my inbox to Approve/Deny. Seems like a big security issue.

Menu ⟩ Object ⟩ Remove Fill works great when object fill is set to a variable or a raw color, but has no effect when the fill is set to a style. The same for Remove Stroke.

All my fonts went wonky after today’s release. I have a file using styles from a library. When I looked at my file today all the spacing was off when auto layout was used in conjunction with text. When I click on the text which has the library style applied, the text sudden switches to a font called Anton. I can reapply the correct style and once I do, the spacing looks correct again. My guess is it is initially showing the correct font style, but the space for the Anton font which is much more condensed. It is fixed when I reapply the text style. Does anyone have any suggestions so I don’t have to go through the entire file and reapply the text styles everywhere?

I use a style from my team library for a frame inside a frame. After I rescale(use key K) the outside frame, the link between style and team library is broken, the style becomes separated effects. I want to rescale the whole frame to be used in different place and now the style link is broken, I couldn’t keep those style same as each other.

Sometimes, when I select the text layer in dev mode, the preview does not appear. The attached screen is the screen when the same text layer is selected. Sometimes, the preview doesn’t appear like the one on the left. In that case, if you select a different layer and then select the previous text layer again, the preview will appear fine. Is it because I did something wrong? Or is it just a bug?

I have these tabs with ‘Change to’ on-click interaction. you know, it’s just a common tab-switch interaction. But the second tab’s first field’s label shows the first tab’s first field’s label. rather than showing the second tab’s first field’s label. lol, my English is broken. But you’ll get it by looking at the GIF. what the heck is this bug, and how can I do to fix it? I have tried many things, but doesn’t work.

Is anyone having this issue? I have screen recordings showing what happens. in short: – I create a new file give it a name and move file to a project the name does not save the project does not have the file i can search for the file and find it

While exploring the Figma forum, I came across a bug. When I expanded the forum reply thread, a large overlay appeared on hover, which was quite unwanted. Please address this issue. Video for better understanding - Recording 2024-10-08 190711.mp4 - Google Drive

When I try to change the colour of the icon, sometimes it will only change some parts of the icon. The icons consist of a single vector shape and the variants have standardised layer naming and default colour white. Changing colour, the “selection colors” section in the right-hand side tool bar shows the change although nothing has visually changed. I maintain a component library and use its components on other file. My icon24 component has currently 146 variants and I have issue currently with 7 of them. Changing the colour of the icons in the component library does what you would expect and does not reproduce a similar issue. The issue is present only on other files that use this component and it is the same icon variants that behave inappropriately. Recreating a variant removes the issue but it might appear randomly on any of the other variants. Please help 🥲