Suggest a Feature

SummaryAllow Figma Make to read an .npmrc file so teams can install and use internal or private scoped packages (e.g., @company/components) within their projects.ProblemOur organization maintains internal web component libraries that align to our design system in Figma. These components are published as scoped npm packages (e.g., @ourorg/design-system). Currently, Figma Make does not support .npmrc configuration or scoped package resolution, which prevents us from using our own code directly in Figma Make. It would also reduce the amount of code Figma make generates if it doesn’t have to generate common component code.ImpactWithout this support, designers cannot easily work with the same components developers use in production. This creates a disconnect between design and code, increases manual work, and raises the risk of inconsistencies.Proposed Solution Enable Figma Make to read .npmrc configuration files for authentication and registry settings. Support installation of scoped pac

As a product designer, I find myself spending quite some time setting up different boards, pages and files to structure my work well. Yet as a pretty unstructured person, I find myself struggling with this. I therefore got thinking how much I would love a set of file presets, that would automatically set up a good structure for working on a digital product, like a “Product Exploration - preset” or a “Service Iteration - preset”. For instance, it could contain files for different purposes, such as iterations and finished sketches. And within those files already organise them in relevant pages, such as “Components, Flow A, Playground” etc.  Sounds pretty vague as I´m writing this, but think there is a good idea in there somewhere.

Something like the below features  would make my world 100,000,000,000,000,000,000s easier native support: the ability to drag a mp4 or animated gif into a frame, lay text on top and re-export as animated gif or mp4  the ability to pick a gen ai model and generate a clip as background, lay type on top and export as mp4 or animated gif with any gen ai feature the ability to allow users to select from a specified library of reference photos  Hope this helps!  🤣

Hey Figma team,The progressive blur update was 🔥. I’m guessing the implementation uses a linear grayscale gradient (limited to two color points) as a blur map to control the effect. If that’s the case, adding radial progressive blur shouldn’t be too hard.Also, if you’re considering custom blur maps, it would be awesome to let users control crop/fill/fit/tile of the blur map, just like the regular image editing options. Plus, a toggle to switch between blur map input vs. blur map output would make experimenting way more intuitive.This could give designers way more flexibility and open up a ton of creative possibilities.Thanks for considering!

When using Freeform, is there any good way to set distance constraints so that I can achieve something similar to padding in Auto Layout?

Hello, I really would love a setting that would make the new layers, freshly duplicated layers, etc, appear downwards - on the bottom of the list if nothing is selected or underneath the currently selected layer. In other words, to change the general direction of layer stacking - to go from top to bottom, instead of bottom to top only, as of now. This is very logical, isn’t it? We create pages in figma and they go from top to bottom, most designs are created from top to bottom, most content flows from top to bottom. Then why do layers go freaking upwards? 😀

Ok maybe we got that wrong, but it seems that the new Dev Mode “Annotate” and “Measure” Features are only available to designers but not the developers themselves? We’d think it would be very useful for them as well. When the developers want to add some info during handoff, or if we forgot something and they want to add that info later as a reminder etc.

Please bring the lighter, less intrusive FigJam background grid style into standard Figma files. It needs an easy way to be toggled on/off Add a new "Dot" style within the Layout Grid settings, allowing for a dot pattern.

I saw a post on linkedin that suggesting a great feature.Font selection shows a hundreds of fonts on the list, but we all have our favorite fonts. why not to save most used fonts as starred or bookmarkhttps://www.linkedin.com/posts/tim-agayev_%D0%BA%D0%B0%D0%BA-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D1%8F%D1%82%D1%8C-%D1%88%D1%80%D0%B8%D1%84%D1%82%D1%8B-%D0%B2-%D0%B8%D0%B7%D0%B1%D1%80%D0%B0%D0%BD%D0%BD%D0%BE%D0%B5-%D0%BF%D1%80%D1%8F%D0%BC%D0%BE-%D0%B2-activity-7395207256302047232-3-WpHere is screenshot posted by https://www.linkedin.com/in/tim-agayev/ 

Could you implement a feature that allows the AI chat to memorize the conversation and then archive it to clear all the history messages? It tends to get really laggy at some point when the conversations has been going on for a few days. This is typical in Chat GPT as well. But this needs to be sorted. When I work with figma make at the moment i haev to write all my updated request in a notepad document and then paste into the chat becuase its lagging so much. And if claude sonnet doesnt allow this workflow, come up with something else. Thanks in advance!

HI! it would be an incredible time saver if you could PLEASE consider adding a key stroke for filling container and hugging contents for objects selected within auto layout! Please come thru 🙏🏼

We want to use string variables for translation handoffs. It is common in our projects that we use long text elements, that have mixed styles (adding links, adding bold to key phrases). When we add variables to text, the font style is “flattened” when switching modes. We can create text with HTML tags like “Hello <‘b1’>World<‘/b1’>” (b1=semibold equivalent of the font style used) so our devs know where to style the text, but it makes it difficult for us to evaluate visual aspects of our texts (like “Is the text not too busy? there’s to many bolded words”). It would be great to have a tool that can do both: add font styles to strings, and render them at the same time.

Vorremmo descrivere il nostro ambiente di lavoro attuale e quello che vorremmo raggiungere, in modo da capire come la vostra piattaforma può adeguarsi in questo.Noi ci occupiamo di corsi di formazione di vario tipo, per ognuno di questi corsi abbiamo una brochure per un totale di quasi 200 brochure.Queste brochure sono tutte diverse tra loro per adeguarsi ai contenuti dei singoli prodotti, ovviamente tra di loro hanno delle parti in comune, ma differiscono per:Numero di pagine Numero di blocchi testo nelle pagine Numero di caratteri Immagini (cambiano sia da brochure a brochure che nel numero all’interno delle varie brochure) Colori sia delle grafiche che di alcuni testiQueste brochure vengono realizzate e hanno vita fino all’inizio del corso, il che significa che fino all’inizio del corso vengono modificate per adeguarsi ogni possibile cambiamento, sia del singolo prodotto (ad esempio il titolo di un argomento specifico) che massivo (ad esempio il nome di una tipologia di prodotto); a

Hi Figma/Community,I am a UX veteran from India.I recently explored some of the products like Design and Draw.This is about Figma Draw > Repeat that generates Radial and Linear array of selected shape.Would like to share a thought - how about adding Scale and Rotation profiles as two settings to Repeat? This profiles would respectively decide relative scaling and rotation of array items.Thanks. 

Please consider adding the ability to assign custom tab colors to individual files or projects. This small visual aid would make it significantly easier to distinguish between open tabs at a glance, especially when juggling multiple design files simultaneously.This feature would offer several key benefits. It would improve workflow organization by allowing users to visually group and separate project files. Navigating between files would become faster and more intuitive, reducing the mental load when switching contexts. Additionally, color coded tabs would help minimize the risk of accidentally editing the wrong file, a common issue when working across multiple projects. Overall, it would enhance focus and efficiency, especially for users who regularly multitask within Figma.Color coded tabs are a familiar and effective UI pattern in many tools, and I believe this addition would be a valuable quality-of-life improvement for many users.

Only a small one but would save time Add some universally used presets when making component variables so we don’t have to write them every time. Something like Size= Desktop, Small desktop, Tablet, Mobile State = Inactive, Active, Hover, Disabled, Focus 

In the prototype preview section, im my opinion, there’s too many phones ultra precise sizes, we won’t use because we build responsive.And there’s missing all the most common standard screen size that we really need :1280x720,1366x786,1440x900,2560​​​​​​​x1440 Also, i’d like an option to add the “windows task bar”at the bottom (48px) and the “biggest Browser interface” at the top (120px) so it can preview the real life size of our prototypes.thanks   

Describe the problem your experiencing and how your idea helps solve this You can currently only have one screen / device in a prototype when you play / view it. Add as much context as possible (screenshots, Figma files, mockups, etc.) While you can move the start head to different frames within a prototype you can not have more than one start head. When you do view a prototype you only get to interact with one screen / device per prototype. However, there is a use case for multiple screens / devices in a single prototype (eg: mobile - both orientations, tablet - both orientations, laptop / desktop, large screen). Rather than having multiple prototypes within a single project or file it would be very useful to have the ability to select from among multiple variants right in the one prototype. You could have it to where you can select from among various user defined properties (just like variants do) right where you play the prototype. Ask questions to bring the community into the

There — I’ve already named the tool for you.I’ve loved seeing how Figma continues to reinvent not only how we create websites and applications, but also how we interact with the tools that shape them. We’ve watched people shift to Figma for presentations, and now, with Figma Draw, that evolution continues.Of course, we all know we’re already using Figma for motion design — for prototyping and suggestive motion that brings interfaces to life. But it feels like it’s ready to evolve beyond that.Cutting to the chase: I’ve been using Figma for motion graphics — website hero animations, social posts, and more. I honestly can’t stand how archaic Adobe Premiere and After Effects feel. The endless hidden menus, cryptic icons, and overly complex workflows for even the simplest motions are exhausting.I truly believe Figma could create a motion design and editing tool — something lighter than After Effects (at least for now) — that empowers us to export videos, loops, and simple animations directl

One issue that raises its head over and over again is stakeholders having continuous access to a file once it has been shared with no way to restrict what they view.A lot of the time this ends up with stakeholders either watching you work, or leaving comments/feedback on parts of a file that simply aren’t ready yet.We have tried numerous ways of stopping this, but no amount of annotation, labelling or naming something as a WIP will stop someone who REALLY wants to give you that urgent feedback on your half done slider.I don’t think we should have to completely remove access from someone just to have a private area to work in a file.Something such as the ability to share specific pages within a file, or lock a page down so that it isn’t shared / viewable until the permission is granted. Private sections would also be a great addition.

When creating grid as a style (in design system) and applying to a screen, I cannot hide it. The ‘eye’ for visibility is missing. It really bugs me because I can’t see my design properly and have to remove ad place the grid again.  Grid when it is styleGrid when it is not a style 

As a designer in an IT department which is part of a large organisation, the one day limit to open sessions is too restrictive for working with ordinary users who may only need to join a workshop occasionally. The duration of the Open Session should be configurable (both edit and view) by the Editor in Professional and Enterprise Licences.

I’m working across several teams with complex flows, and need a way to inherit the updates to those flows that other teams are making in real-time (screen order, specific screens, flow lines).  So when one of those teams make a lot of small or big changes to their flow, currently I’m having to manually update my files, which is error-prone, time-consuming, and tedious. I’m imagining something like a component for an entire artboard as an “page-level” component.  Many layers of nested components - i.e. atomic, molecule, organism, templates, *pages*.   Right now there are a lot of limitations using components for this use case (i.e. connector lines don’t always work, components are cumbersome at that scale, restricted max nesting layers).  Alternatively, we could have an iframe or window that shows the other flows. 

We could use IF, ELSE IF, ELSE statements… Many times in code you may want to do many different things based on different string values For example, I might have three different landing pages based on 3 conditions, and upon button press I might want to say IF “has-users”==0 goto empty landing ELSE IF “has-users”==1 goto landing a ELSE IF “has-users”==2 goto landing b ELSE goto other

In a company with loads of users, it could be nice for the amdinistrator to rename each members because sometimes when they join team they use a nick name, or an other way to write their name. It could be nice to create group of users, like all gest, and/or with their company email to see quickly their role and maybe define role for a group of user (especially if multiple users of an other company have to be in our organisation)