We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.
We use 3 different kinds of cookies. You can choose which cookies you want to accept. We need basic cookies to make this site work, therefore these are the minimum you can select. Learn more about our cookies.
Find solutions, get advice, help others.
Hello! I’ve run into an issue: initially, the text and input elements were perfectly center-aligned with each other. But after I started editing the text field, it shifted upward, and ‘Align middle’ no longer works. What could be the problem? I’d really appreciate your help!
Currently you can sort by collection in the variables explorer which is obviously important however when it comes to assigning variables to elements around your document, you have to find the variable through a drop down that includes every collection. This quickly becomes a mess if you are utilizing multiple collections and sub-groups. An option to only view by collection would be very useful, similar how you can sort by library for component/style libraries. There could probably be a lot more done when it comes to organising and managing variables however I think this would be a step in the direction.
While working to build out our design system with variables, it seems like there isn’t an easy way for developers to view a full list of all variables built into the design system without having edit access to the design system or without the variables being put into a different reference system like a notion page as the master file and have Figma reference those values.
Feature Suggestion: Lightweight 3D Tools in Figma I’d love to see Figma explore basic native 3D functionality — not full modeling, but something lightweight and useful for UI/UX designers. For example, a tool that allows 2D layers to be "extruded" into simple 3D objects, with the ability to rotate them along axes like X, Y, and Z (ZX, YX, etc.). Maybe a generator that converts 2D shapes into pseudo-3D models with light shading, shadow, and basic rotation/animation capabilities. It would be amazing to preview UI components or icons in a 3D-ish environment inside Figma itself, especially for designers who can’t afford external tools or plugins. Even if this is introduced in a limited or lightweight way — it could be a creative breakthrough for many of us. Thanks for considering this!
Hello! My team is working in Dev Mode, and we have noticed that measurements and annotations occasionally can’t be deleted. The measurements are only removed after reopening the file. Is there a known fix or workaround for this issue?
Heyy, I have a card component with an icon container that I would like to switch with an asset container. The icon container is a component with hug attributes. It contain an icon inside with a height defined with variable and a lock on aspect ratio. The asset container is a component with a width in hug and a height attribute defined with a variable. It contain an asset inside with a fill height and a hug width. I would like to switch the icon container with an asset container in my card. When I’m switching the instance, the sizes and height are broken. I would like the height of my component to have the default size of the swapped instance but it’s keeping the original component size. To be honest I don’t understand the behaviour and don’t know if I need to built my component differently. Thanks ! I added a video explaining the behaviour
Hi, When creating a webpage, adding images with Aspect Ratio Lock enabled, applying them to ‘fill’ the container they are in, then previewing the prototype in Responsive View (Z) cuts off the bottom half of the prototype. Steps to reproduce: Create a new webpage design in Figma. Example: 1920 wide Add images with Aspect Ratio Lock enabled. Set the images to Fill the container they are placed in. Preview the prototype and swap to Responsive View (Z shortcut) Expected Result: The full prototype should display correctly in responsive view. Actual Result: The bottom half of the prototype is cut off in responsive view. Notes: I am on a Mac Studio Display (2560px wide) + the main frame is 1920px wide. This issue appears to happen consistently when the frame is smaller than the resolution it’s being scaled to in Responsive View. (1920px frame scaling up to 2560px) Moving the browser width inwards allows more of the full website to show. I use responsive images daily, and my current work aroun
Hey everyone, I saw that there has been quite a lot of related topics with this one, but most of them are a few years old, so I’m not sure if there’s a solution for this without any crazy workarounds… I have this icon where I’m working with multiple brands, so for this I’m creating a variant that will allow me to easily swap between those brand and also the variable mode. The issue comes when I’m using the icon from Brand X and change the colour from “fg-primary” to “fg-inverse” If I change the Brand to Z, the colour doesn’t remain “fg-inverse” and uses the “fg-primary” instead The icons have all the same structure I want for the colour to remain the same when switching Brands. Is there anything I can do? Thanks in advance!
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
After putting stickers, I expect the pane to keep opening instead of directly closing. Closing only takes one step which is clicking outside, meanwhile opening it agian requires me to reach the bottom toolbar first and then click the sticker menu. I’m annoyed with this because I need to drop stickers in bulk when creating something in FigJam
Good morning everyone Please I have been dealing with this prototype issues and every video I watch doesn't address the issue. Lately my prototype keep showing up of the screen,it doesn't display in the full selected phone frame,I have tried my best to solve it but it not working.. Pease I need help on how to fix it,so I can be able to view my prototype in the full screen of the selected phone/frame size . Thank you very much
アノテーションはとても良く便利で利用してますが、位置が固定されると他のフレームなどに被って邪魔になりがちです。何等かの方法で自由移動できるような仕様ってできますか?コメントのように。
Hello, all the designs in Figma are showing the shadows incorrectly. This had been corrected and it is happening again.
Hi! I’m testing a site built with the new Figma Sites feature. I’ve set the top navigation bar as a sticky element and made sure it’s positioned at the very top of the layer tree. In the Layout panel, canvas stacking is set to “First on top.” Canvas stakcking settings It looks fine on Figma and Chrome(desktop & laptop) On Safari and mobile browsers, the sticky navigation bar appears underneath the hero section content, even though it’s set to be the topmost layer in the design. On Chrome (desktop & laptop): everything works as intended — the GNB stays sticky and always remains on top. On Safari (desktop & laptop) and all mobile browsers (Safari & Chrome): the GNB is sticky, but appears underneath other layers and is partially or fully hidden. Is there a workaround or fix for this issue? Thanks in advance!
APIs, guides, plugins, and more.
Find a virtual event that speaks to you.
Find answers, learn more.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.