Suggest a Feature

Dear Figma Team,I would like to suggest a useful improvement to the Export option in Figma.Currently, Figma provides export options such as PNG, JPG, SVG, and PDF, which are very useful. However, when working on websites, I often need only the SVG code rather than downloading an SVG file.It would be very helpful if Figma could provide an option such as “Copy SVG Code” or “Copy as SVG” directly in the Export section.For example:Export → SVG → Copy SVG CodeThis would allow designers and developers to quickly copy the SVG markup and paste it directly into HTML, CSS, or web projects without having to download the SVG file and then open it separately to copy the code.I believe this would make the designer-to-developer workflow much faster and more convenient.Thank you for considering this feature request.Best regards,Arvind

In the Figma UI, you can create a color variable that references another color variable (alias) and override its opacity — producing a "composed color" value. This is extremely useful for building semantic color systems where, for example, surface/overlay = palette/neutral/900 at 54% opacity.However, the Plugin API currently does not support writing these composed color values via setValueForMode(). Attempting to do so throws:Uncaught Error: in setValueForMode: Composed color variable values are not supportedMinimal reproduction scriptRun this in the Plugin API console or inside a plugin: // Step 1: Create a variable collectionconst collection = figma.variables.createVariableCollection("Semantic Colors");const modeId = collection.modes[0].modeId;// Step 2: Create palette/neutral/900 — a base colorconst paletteNeutral900 = figma.variables.createVariable("palette/neutral/900", collection, "COLOR");paletteNeutral900.setValueForMode(modeId, { r: 0.07, g: 0.07, b: 0.07 }); // Works fine ✅//

We’ve been really happy to switch from other motion design tools to Figma Motion. Having the design and animation workflow in one place makes the process much faster, especially when the UI already lives in Figma.The one feature that still feels missing is audio support.It would be extremely useful to attach custom audio files such as MP3 or WAV to animations and timelines, for example:click and hover sounds popup and modal sounds transition sound effects notification sounds background music voiceoversIdeally, each sound could be placed and trimmed directly on the timeline, synchronized precisely with an animation or interaction, with basic controls for volume, fade in/out, and looping.For product demos and UI motion videos, sound design is a major part of making the final result feel polished. Right now, having to export the animation and move into another tool just to add sound breaks an otherwise excellent workflow.We’re genuinely happy to move more of our motion work into Figma. If

This has been mentioned here: Hide layer using variables - #5 by Andreas_Braendhaugen1 Invert boolean variable for layer display - #14 by Desislava_Slavkova Inverted Boolean Property - #2 by drewcovi_usb but those topics are all closed. I am looking for the availability to HIDE a layer when a Boolean variable is TRUE and SHOW it when it is FALSE. So, the inverse of the default/current behavior. I want to do this without using components. Use case: When a variable is true, show one frame. When that same variable is false, show a different frame. I can get basically this by using two different variables: but it would be more convenient to be able to do it with just one. Just give me a Boolean toggle when the variable is used to say if the variable should be inverted or not.

 When I select a hex color, for example #FFFFFF, Figma should automatically check whether the exact same color already exists in my local color variables or styles.If a matching variable/style exists, Figma should suggest it first when I choose to apply a variable or style.Example:I select #FFFFFF Figma detects that #FFFFFF already exists as a color variable in my design system Instead of showing all available variables equally, Figma prioritizes or recommends the matching variable:White / #FFFFFFThis would make it much faster to connect manually entered colors to existing design-system variables, reduce duplicate colors, and help maintain consistency across a design system.

A great feature to have is text styles not breaking when a designer is using Cmd + B to bold a word or phrase. Currently it unlinks the text style and applies the bold to the underlying font. It would be great if there was a feature where when I use Cmd + B, it swaps to that text style in the library (where the style already exists) and updates in the property panel as well.

Firstly great job Figma Font variables are here!!! Figma tutorial: Variables for typography The only thing missing is the use of percentages in the line-height property. You can not use a percentage in the line-height as it only accepts variables that are a number type. Although the variables for line-height caters for pixel (absolute) line-heights (10,12,14)- it does not accommodate relative line heights. In other words you can’t use percentage variables for line heights that are a percentage of the font size (100%, 120%,150%). Interestingly …You can use a variable for letter-spacing ( which accepts a number variable - but reads it as a percentage) - the challenge remains that line heights by default are absolute not percentages - even though you can input a percentage. Percentages allow greater flexibility and less calculations Word around would be to allow formula in a variable e.g. =[variable] * 1.5 Or figuring out a way for the line height to be toggle between absolu

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 mode annotations visible to v

Hi! Turning off “snap to pixel grid” in a Figma Design file no longer changes snapping behavior when dragging frames around. Whether this feature is turned on or off, a dragged frame still snaps to each pixel, no matter how zoomed-in. Note that some other objects (e.g., vector objects) still respect this setting. It’s just an issue with frames, components, and component instances. Note that If I group the frame, I then can drag the group to any sub-pixel location. I’ve restarted my machine, restarted Figma, checked for updates, reloaded tabs, tried it in other design files. Tried it in the client, in Chrome, and in Safari. Same problem. Can anyone else replicate this?

Current State: When you add a stroke to a mask, the stroke becomes an extension of the mask.Needed Improvement: When you add a stroke to a mask, the stroke is on top of the mask.This should be so simple, can’t understand why this wouldn’t be the default, but at the very least to have this as an option would be super helpful. I understand you can duplicate the shape on top and add the border, but then when resizing the mask you have to resize the shape on top as well, trying to eliminate a step. 

It would be great to have multi-cursor text editing similar to VS Code.For example, users could hold Alt/Option and click multiple positions inside text, creating multiple cursors or selections. Typing or editing text would then apply to all selected positions at the same time.Figma already has Multi-edit text, but this would provide more precise character-level editing across multiple text layers.This would make repeated text changes much faster and more flexible.

Hi.It would be useful if the Inspector could show Tailwind CSS equivalents for CSS values. For example: 20px padding → p-520px font size → text-xl This would make translating Figma designs to Tailwind much faster.

It’s just very bright, and I’d like to get some work done at night without killing my eyes. Please add dark mode. FigJam especially, but it’d be nice throughout. Yeah, just remember the user likes a dark mode, and make dark mode the default for everything: your website, this forum, Figma, …

We are trying to use the Figma MCP from a third-party client (Gumloop), but connecting the MCP gives a DCR/CIMD error. Is there a process to request getting additional clients added to the supported ones?(https://www.figma.com/mcp-catalog/)Possibly related to:   

Hello,some feedback from my side regarding Folders, I like the options of a nestable folder, but I find it hard to navigate to the files I’m looking for. The folders are named, but the file thumbnails that were visible with Projects were a huge readability feature that I’m really missing now.I was searching for it in settings, but couldn’t find a way to set it. I actually added a description to a folder, but did not actually see not one place that the description was shown? This part is especially confusing.If I could make an improvement suggestion to a current implementation it would be to have a setting to show or not to show some folder contents thumbnails, similar to the previous implementation.Fingers crossed this can be done!

Automatically add page numbers to the selected slide in Figma based on Slide position. Maybe we can select any text and give it the numbering option?

It would be great if we could select different device frames for each flow. This would give huge benefits to those who design responsive websites side by side.

I would really like this feature because my designs feel a bit empty or plain.

One of the biggest limitations I currently see with Figma’s AI-generated layouts is the lack of support for truly interlocked, overlapping, and dynamic section structures.At the moment, most generated websites tend to feel very block-based. Even when the typography, colors, branding, imagery, and overall visual direction are completely different, the underlying page structure often ends up looking very similar: one clearly separated section after another, stacked vertically in a predictable way.What is missing is stronger support for layouts where sections visually interact with each other.For example: content from the next section beginning before the previous section has fully ended images, typography, panels, or background elements crossing section boundaries layered compositions instead of isolated horizontal blocks asymmetrical transitions between sections elements that visually connect multiple sections editorial-style layouts with intentional overlap and spatial tensio

Why doesn’t autolayout support inline layout This kind of design of including rich text elements (spans), icons, emojis, chips, and images inside a block of text is becoming increasingly popular and seems like it would be straightforward to implement. Im currently contemplating building a Figma plugin that would split a text block into individual words, then wrap them in a ‘Wrap’ auto-layout frame. This way you could insert arbitrary elements inside the text. @Figma pls

My life will get easy if there will be animated zoom in Figma like:While Holding “Spacebar” then clicking “Ctrl” we get magnifying icon already but can we drag the mouse to left/right to Zoom In & Zoom Out.Rightnow, we have to drag multiple times to zoom out and while holding 3 buttons at a time (Spacebar + CTRL + ALT). In zoom in case we can make a selection in that particular area we wanna focus at but it gets hard to use this feature while zooming out😕

If Figma Motion gains the ability to work with imported video, especially to control the start and pause of the animation, it will greatly expand what’s possible for web animations — particularly for scroll‑based animations.

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.

Bonjour,Je souhaite partager un retour concernant la liste des teams accessible depuis le sélecteur en haut à gauche (menu "Member of").Problème constaté :Cette liste mélange sans distinction les teams que j'ai moi-même créées et celles où j'ai simplement été invité(e). Avec le temps, cette liste s'allonge et devient difficile à parcourir, car je ne peux pas rapidement identifier mes propres teams parmi celles où je ne suis qu'un membre invité. Il est vrai que je n’ai pas upgrade mon plan. Donc ma préoccupation pourrait-être déjà prise en compte.Suggestion :Ajouter une distinction visuelle claire entre les deux catégories, par exemple :Un système d'onglets (tabs) permettant de basculer entre "Mes teams" et "Teams où je suis invité(e)" Ou à défaut, un simple regroupement/étiquetage dans la liste actuelle (ex. libellé "Invité" à côté du plan tarifaire)Cela permettrait de gagner en clarté, notamment pour les utilisateurs actifs dans de nombreux workspaces différents. (Pas besoin de mettre