Share Your Thoughts

Hi everyone!  I have seen a lot of posts here about having to detach a fill of a layer in order to change the opacity and asking for opacity to be also able to save as its own variable, but this is not exactly my wish. I wish to define a variable that has a not a 100% fill, but rather references another color variable and has a different opacity without having to detach the referenced variable. Example use case:Alert component with 3 variants. In this case the “color” variable is the background in the first of the 3 variants (from left to right) and also the text and stroke color in the other two variants. “background” variable in this case only the background in the 3rd variant.  In light mode it is a light blue, but a solid light blue. In dark mode, instead of having to define a whole new “dark-gray-ish blue” color to reference here, I would just like to reference the “info/main” variable, with an opac

When aliasing a color variable to another (img 1), or using it directly on an element (img 2), we should be able to override the opacity without the need to create a variable for each transparency variation: Cant override opacity in the alias: Example 2 Cant override the fill opacity:

Hello. I was wondering if it is possible to have percentage values in variables, like setting percentage value for frame widths or shape sizes (etc.) that have variable modes applied to them? Percentage values could respond better to content that varies within a frame or frames within frames.

I’m building a design system and am calling out specific gradient use. I’m only allowed to rotate 90° increments. Please add the ability to manually enter degrees so I can save it to a style. This allows all my designers to not have to manually adjust gradient on text or other objects that I can’t save as a component.

I experienced this exact issue while performing a usability test the other day. The result was that the user was mindlessly hunting for where the cursor changed, rather than thinking about the UI. Currently under prototyping mode - when hovering over interactive components the curser instantly changes from arrow to hand. This creates major issues during usability tests since users are able to guess the “correct” answer just by identifying hotspots via curser change. It actually makes the “show hotspots on links” checkbox less useful as we still show the hotspots by curser change even if this is unchecked Original post: Disable mouse cursor change on hotspots

Figma is being used more and more also for simple slide presentations, not just device/interface prototyping. In this scenario, having the cursor constantly showing is quite annoying. Please hide the cursor automatically when it’s not moving, just like when watching a video fullscreen on Netflix, the cursor disappears after 2 seconds when it’s not being used. This behavior would make sense even for an interface prototype tbh and make sense when screensharing a presentation to others.

When I merge a branch which has some comments, those comments are not copied/merged/… to main file. Is it expected behaviour or “thing in progress”? I would love to have those comments transfered. So i don’t forget anything 🙂

I’ve already started using the new slots and I find them amazing, but I think it’s very limiting to prevent the use of grid layout. 

Please make Dev Mode Annotations visible by all roles, not just Full Dev Mode seats. This can become costly for users needing context but not all the other dev-mode features. Here’s the scenario: We have a dashboard, with cards showing a customer’s account status. This status can be mapped from multiple back-end statuses, to show just one front-end status. For example, any of the following could be mapped to a single status known to the customer as “Completed”: canceled, terminated, sold, complete, etc. This is something that the developer needs to reference, but then also the PM needs to reference in writing tickets (who doesn’t need full dev-mode access), the QE needs to reference for testing automations, and various other individuals on our team. Placing it in a comment makes it less clearly attached to the specific piece of the design, and requires us to keep documentation dispersed among different tools (Jira, Confluence, Figma etc). Simply making Dev m

Hi,The addition of annotations and measurements to Design mode is such a great decision.However this is rendered almost useless if the annotations and measurements can’t be made visible to View Seat users.Often annotations are used for communication with a range of stakeholders, not just designers and developers. It’s not viable to upgrade every stakeholder to a Full or Dev seat to engage with this content.

Has anyone found a way to get Figjam to automatically color URL text blue? I keep confusing URL text with standard black underlined text in boards.Feels like a basic feature missing

The Problem: When using the Auto Layout grid feature (e.g., creating a 3x3 product card layout), the actual dimensions of nested objects like buttons or text layers are hidden in Design mode. To see the exact width or height, you are forced to hover over the resizing dropdowns in the right sidebar.When a nested element is set to Hug or Fill, its absolute W and H values disappear from the right sidebar entirely, leaving only the X and Y coordinates visible. Furthermore, the dimension tooltip does not appear under the object on the canvas.Why this is an issue: It disrupts the workflow and feels inconsistent. The dimensions of the parent grid container are clearly displayed right below the bounding box on the canvas when selected, but for any item nested inside, this information is completely hidden. It would be much more convenient if the actual rendered dimensions of "Hug" and "Fill" elements remained v

 When creating grids on Figma, it would be useful if one could pick a specific column or row and just drag it across the layout to reorder content.Sometimes the content is too complex to select each individual cell and just move it around with the arrow or dragging. It could be cool to drag the whole column or row to reorder content.I think this is a natural instinct for most people, and not being able to do it when designing is kind of restricting in my opinion. The handle could even be the current “circle” that appears above/aside the table.   

Text-style overrides like bold, underline, … won’t work on instances properly, now the instance must be rest for the bold overrides to come though. So a lot of screens needs to be rechecked and manual work is needed everywhere the instance is used. Any solutions for this?

Before: you could type a text style in the search and if it was the only result, hitting Enter would just apply it to the selected element. This still works fine for color styles/variables by the way.Now: you have to search, arrow down to select it, then hit Enter, even when there's literally only one result.Completely unnecessary extra step that breaks learned workflows.Please revert.

Not sure if it’s just me and if I’m doing something wrong, but just having the exclamation mark notifying you that there is a conflict or issue with a mode that uses variables is too vague. I spent over two hours trying to identify the issue. I got a message telling me to ‘Library assets may need to be republished...’ which fixed nothing. In the end i found out the was an issue caused by me changing/organinsing some of the variables in my design systems ‘Layout mode’.The section that had the layout variables applied was still showing the correct values, so as far as i could tell all was good, so couldn’t understand the issue:-I get that if something changes in the design system that it can

Hi it've been a pain for our team lately. We always have to design in 2 languages (English and Vietnamese). We have to duplicate a flow in 1 language and translate into other language. Imagine if there're adjustments with the flow, we got to double work and make changes on both version. Couldn’t imagine the workload if the company decided to add 3rd or 4th languages. I wish there are some kinds of feature like language toggle. It would automatically update changes on both version. I can come back to each version to update some minor text translation. 

 I ran into a font issue while working with MCP use_figma and wanted to share it here. I have a font installed on my system (Pretendard) that works perfectly fine in the Figma UI — it shows up as "Installed by you" in the font picker. However, it's completely invisible to the Plugin API when running through MCP use_figma. listAvailableFontsAsync() returns around 7,600 fonts, but none of them are locally installed ones. It seems to only return Google Fonts.loadFontAsync() also fails, and trying to appendChild a component instance that contains text using the font throws a font load error — even into a non-auto-layout frame. Steps to Reproduce 1. Install a local font on your system (I tried both ~/Library/Fonts/ and /Library/Fonts/ on macOS) 2. Confirm the font shows up normally in the Figma UI 3. Run the following via MCP use_figma: const fonts = await figma.listAvailableFontsAsync(); const r

I’m a hybrid UI/UX designer, and part of my work includes creating digital assets (like instructional gifs / videos, product launch gif). Right now I design in Figma but then have to switch to other tools (Premiere or After Effects) just to put videos together. When it comes to prototyping, it requires higher effort to update these contents and makes collaboration harder. It would be amazing if Figma had some basic video editing features built in—nothing too heavy, but enough to:Trim and stitch clips together Add simple transitions or motion Layer text, images, or overlays Drop in audio tracks Dev friendlyIt’d be super useful for teams like mine that work on both design and content, and it could save us from jumping across multiple apps.

When using FigJam on an iPad w/Apple Pencil Pro, it would be incredibly helpful if the app actually recognized the gestures of the Apple Pencil Pro and followed the system settings, like swapping to the eraser or opening the tool’s command pallet. This cannot come soon enough… 

We have a general collection of colors but for my specific file I want to add more variables. However this is not possible with extended collections. My work around is to use less frequently used variables (button-hover) for my usecase (color-bold) and this makes it very confusing and limiting.

Hey guys! I'm a product designer and a Figma lover. For along of those years, I saw Figma grown up and become even better, bringing to us designers a lot of new possibilities to work. But this is my first time that I want to request a feature ASAP, since creates a lot of pain. Hope everyone see this topic as something really useful too.So, I usually works on web applications and thus I need to design both mobile, tablet and desktop version of the web pages.And, when we speak about Design System, we need to make sure that our components will adapt on each screen, no matter the viewport size.So, bringing this discussion to a real case: I made a component for my DS called “chip” with some variants as we can see on this print: The width’s component need to follow their inner content to keep