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.
As a user I want the text to auto-adjust: in this way I can write sticky notes different in length (without breaking them in height).
"Hello, I noticed that I can embed video files when using Sites, but the videos don't play properly when I preview or publish the webpage. I'd like to ask if this is a bug or an upcoming feature. Thanks."
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!
Hi, I was trying to use variables to change the hover color of a button, but the problem is I can select the color of the base button using the tokens, the change to field only allows for hex colors; I can’t point to the hover token. It works for a single mode, light or dark, because I can just put the hover hex color, but that’s not great when using light and dark.
Figma’s SVG export of center-aligned text results in a <tspan> with default left alignment, such that center alignment is not preserved when the tspan content changes. Ideally, the tspan would have text-anchor="middle" and an x attribute value based on the middle of the original Figma text element’s horizontal location such that tspan content changes would be continue to be centered aligned.
Your website is often the first impression customers have of your business. A professionally designed website does more than just look good — it builds credibility, supports SEO performance, enhances user experience, and ultimately drives conversions. Many businesses try to cut corners with DIY templates or outdated designs, which often results in slow performance, poor mobile usability, and lost trust. A professional web design service ensures: ✅ A responsive, mobile-first experience ✅ Optimized structure for SEO and speed ✅ Consistent branding and UI/UX best practices ✅ Better integration with analytics, CRM, and conversion tools What are your thoughts? Have you seen a noticeable difference after investing in professional web design?
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
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
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.