Share Your Thoughts

If I add an instance of a component that in its master form is set to fill, and I am adding it to a frame with auto-layout, I want that instance to be automatically set to fill. That instances are always added as fixed width when the master is set to fill is an annoying inconvenience, especially when nested components also get set to fixed, thus requiring a whole process of fixing widths.

Designing an app using Figma involves several key steps. Here’s a concise guide to get you started: Set Up Your Figma Account: If you don’t have an account, sign up at Figma's website. You can use the web app or download the desktop version. Create a New File: Start a new design file by clicking on the “New File” button on your dashboard. Define Your Project: Outline the purpose of your app, target audience, and key features. This will guide your design decisions. Create Frames: Use the Frame tool (F) to create artboards for different screens of your app (e.g., home screen, settings, profile). You can set specific device dimensions (like iPhone or Android) for accuracy. Design the User Interface (UI): Use Components: Create reusable components (buttons, icons, etc.) to maintain consistency. Typography: Choose fonts and set text styles for headings, body text, and buttons. Color Palette: Define a color scheme that aligns with your brand or app theme. Add Elements: Use shapes

New UI or Old UI?Well, many others must have already asked this question, but what is the point of this bottom toolbar?In the previous UI, all the app's tools were located on the sides and at the top, which is actually very practical and comfortable to use.   With this toolbar at the bottom, this ends up requiring an unnecessary downward movement that is quite annoying unless the user uses shortcuts to access the tools on the toolbar, the main element in the UI, (on large monitors this is really annoying). A solution to this discomfort would be to put the toolbar at the top again or allow this adjustment manually.  Auto LayoutThe auto-layout button, even though it only had a + icon in the previous UI, had a label that indicated exactly what it did. In the new UI, the auto-layout is just an icon and the user needs to keep the mouse over it to know what it does, something that can confuse new users or those who don't know the "Shift+A" shortcut. ShortcutsSpeaking of shortcuts, holding "S

It would be nice and quick and efficient to apply to an elements or components variables or style via command menu.

When I swap overlays, I expect “On Click > Back” to swap back to the previous overlay. But it doesn’t work like that. I suggest adding a “Swap overlay back” action. It will help in cases when several overlays lead to another overlay and the specific previous overlay is known only while interacting in a prototype.

If you have many instances of a component, and you set props a certain way on the 1st instance, there is no way to quickly apply the same prop config to all other instances. “Paste to replace” does not work. “Paste properties” only pastes the visual properties (color, border…) In some cases (e.g. slotting), duplicating the 1st instance many times is not possible. → A “Copy/Paste component properties” item in the context menu would be very useful, and show an error tooltip (like for Paste to replace) if the target component is not the same as the destination one.

RGB, HSL are really pretty awful color spaces to work in because they are not perceptually uniform. According to Adam Argyle, this is the year for css color: State of CSS - YouTube as support for oklab, oklch and other color spaces will be supported by major browsers. We shouldn’t need to wait for all browsers to implement this, however, before we see support in Figma as there are libraries to help with extended color space support (in fact, there are quite a few figma plugins that add lch color support, so surely the figma team could also add this to the app). Would you please consider adding support for more color spaces in your color picker? Also adding support for specifying the color space for gradients would be fantastic (Color Spaces for More Interesting Gradients | CSS-Tricks - CSS-Tricks)

Option to select a precise video frame for the thumbnail preview.

I’m sure most if not all of us need to share prototypes with people who do not have nor need a seat in Figma for design work. The current experience for these users/clients is real janky.We create a nice clean prototype link to share—toolbars hidden and hotspots disabled.The client wants to leave some comments, but first they have to create an account.Once they create their account (which includes a series of annoying questions they shouldn't have to answer just make a comment—ie. their industry, their role, if they've used Figma before,) they don't get kicked back to that nice clean prototype link we sent. They get thrown into the Figma design space, which is a nightmare for them.From the standpoint of a client, the whole user experience for commenting needs some major work.It should be more like create account, verify email, choose your name, redirect to the prototype link the designer provided.

I’d love to see variable support for stroke dash and gap. Is this on the roadmap already?

It’s the one feature that seems to be missing to be able to move my slide creation work over from the various others (PPT, Canva, etc.) I’ve used over the years.

It would be AMAZING if we had the ability to save frames as presets for custom work that can have responsive viewport sizes, this way we can design properly for responsive design.

I’d like to organize the left-hand “Pages” panel by adding color codes to each page. (Think how Mac’s OSX Finder allows you to add colored circles to individual files.) Additionally, Pages should have the ability to be sorted into groups within a parent folder. (Think how you can make groups in Photoshop’s layers panel) This feature will make it easier for my team to organize our Experience Library file. Users need to be able to scan the Pages quickly. I’ve attached an example of what the color coding could look like.

When designing on my primary monitor, I want to see the selected frame on my second monitor as if it were a real app\website. However, Figma Mirror doesn’t display frames accurately – it simply scales them to fit horizontally, leading to inconsistent sizing.While I can use Prototype view and manually set a preferred scaling option, it doesn’t dynamically follow me as I switch between frames in the editor, unlike Mirror.I propose adding full scaling controls to Mirror, accessible via the Z key, including a responsive option. Alternatively, an option for Prototype view to follow the selected frame in the editor would solve this as well.

When editing a layout in Figma, a copy doc needs to be updated in parallel. This can be time consuming, and prone to error. For your consideration: A better Figma / Google Docs integration that streamlines our team’s workflow by either: Live updating copy in a Figma layout, as text is edited in a Google Doc (OR) Live updating a Google Doc as a Figma layout copy is edited This would help streamline our process by saving duplicate work, and reducing human error.

I am outraged. How do you imagine I allow all my devs to be full-seats and give them the ability to edit designs? How about design ownership? In a day all devs lost their inspect tool, and the only way to get it back is to move to Org Plan or give them a full seat risking to get full chaos in design ownership. Any suggestions on how your teams ar planning to overcome this?

In Czech Republic, we write dates as following: 21. 3. 2025 (spaces needed for formal format)But Figma changes this plain text to a numberred list, 21. being the marker, 3. 2025 being the editable text. And if I change it back in “type setting”, the “21. “ marker is gone. And there is no way to edit it. It also makes some padding and spacing changes.It’s very frustrating.

In Figma slides, when using the “Push” slide transition, you can see a very slight (maybe 1 pixel?) break between the two slides. I think you should make this seamless, if it’s technically possible.If you use similar backgrounds across your slides, removing this slight break will let you create slide transitions that look as if content is sliding in and out over top of a stationary background, enabling all sorts of neat effects that you would otherwise only be able to accomplish with smart animate and layers hidden off-canvas.I’m working on a presentation right now that, if it weren't for the slight break, I think I might actually try to apply that effect to every slide.

Now that we are migrating our projects to use variables, it would be much better if we could rename multiple variables like we can do with layers. Clicking and editing one by one if terrrible. So much slow. To do that to just a few variable is ok but when we want to change many of them it’s painful.

I build our design system and it would be so helpful to disable and enable components. This could help when something is a WIP or if you have a deprecated component page which is used for record keeping purposes. I want things to live in the same file but I don’t want a WIP or deprecated component to be searchable and pulled into a design. 

So, we have shortcut to add autolayout (shift+A) and then, we can do a variety of adjustments right on the canvas for that frame (adjust padding, gap, width, height). Then if we want to chance the alignment of the childs elements inside the frame we have to go to the right sidebar, select the alignment box and THEN we have other set of shortcuts, (Set alignment, Set alignment to edge, Toggle baseline alignment, Toggle gap between). But if I am already in the alignment box with the cursor, why would I use that shortcuts? I can change that right in the alignmet box (becouse Im already there!) So… for this shortcuts to be really usefull, We need a way to select the alignment box without going to the right sidebar and selected it. So a shorcut key for “select autolayout panel” or "select alignment box"would be a hugh difference, and we wolud have fully control of auto layout properties without leave the frame we are working on. This have sense to you to or what do you think?

If I create a shape or select something and I click the color swatch it should NOT default to “Custom” if I have taken the TIME to create a color LIBRARY! I have a color library, so I probably do NOT want a custom color most of the time. Once a color library has been create, make that the TAB that is the default. 

This may be an edge case for using the hide/show variable, but I’d like to prototype a filtered table that includes more than 2 filters. I can currently control the view of certain rows by swapping to a variant while tagging rows with hide/show for a single data point. Works great. Example:Variants for Date and Time: 24 hrs, past week, past month etc. I can use a variant for eachVariables for each “activity type” - 1 per rowHowever, I’d like to be able to attach more than a single variable to each row component so I can use additional filters in my prototype. Example:Variable for “activity type”Variable for “browser”Variable for “Location”etc. ...I realize I can create further variants for these tables, but it defeats the purpose of using variables to keep things light weight and manageable. :)

Applying a number variable to the width/height of an object with constrained proportions distorts the object, as it only overrides the one number but doesn’t update the proportions of the object. A common instance is when applying a variable to the size of an icon, it will distort the size until the variable is also applied to the other height/width. Expected default behavior would be that when I apply a variable to the width/height of an object with constrained proportions, it resizes the corresponding shape based off the number of the variable just as if I typed the number in manually.

this “mechanic” could be applied to any component that has colour palette