Share Your Thoughts

With the rise of generative AI, designers are busy making prototypes of chat-bot user interfaces. Instead of faking it, what if Figma provided a way for prototype users to interact with a real LLM? There’s two different ways you could do this. Easier Way - add a ‘generate text’ option to the list of actions in the ‘Interaction’ menu (in prototype mode). Once ‘generate text’ is selected you would need to: Select a text layer (similar to selecting a destination frame for the ‘navigate to’ action). This could be an empty text box or a text box that already has some text in it (in which case the generated text would just come in at the end). You could format the text box however you want but it would make sense to give it a fixed width and a height that hugs the content so that the box can continue to grow vertically as text is generated. Type in a prompt. This is the prompt that the AI generated text will be responding to. This prompt will hit the LLM once the designated trigger is set

Small piece of feedback after testing out Interactive Components. Ordinarily, I’m able to create a new instance of a component by copying-and-pasting it. This is nice when I’m creating components on-the-fly, as I can then quickly add them into my design. If I copy-and-paste an Interactive Component, it creates a brand new, identical component, rather than an instance of that component. Would be nice to see this fixed so that it behaves the same as a normal component. Thanks! Michael

When using Auto Layout for an entire page flow, not everything is spaced equally. For example, imagine a page like: Toolbar Heading Paragraph Input Button To put all of these into a single Auto Layout and give equal spacing to all of it is not typically how it’d work (eg, Toolbar + Heading might be close together, but more spacing around above and below the Input). To use the benefits of Auto Layout, I wrap these objects into their own Auto Layout frames and then use the padding within these nested frames to create the spacing between elements. It’d be great to be able to apply margins to objects (like text frames or other frames) without having to first nest them into their own individual frames. This would be closer to how CSS typically works as text elements (h1, h2, p, …) don’t need to be nested in a div to have margin added to them.

I’d like the ability to stamp today’s date! 

Please, can we have alternating row colors for variables? I just need a little zebra striping to help me see what I’m working with. The system I work in has many color tokens in several themes. Adding alternating row colors is a small UI change which would greatly help the usability of this modal. I have a lot of other problems with the variables modal (it’s too small, lacks functionality, etc). All of those problems require higher-level design thinking. By contrast, implementing zebra striping is an easy win! 

Hi, Crop tool should snap to image border instead of being able to go out of bound. Thank you

It would really be amazing to bring the branching functionality to FigJam. My team is using FigJam to manage some very complex diagrams. And, to add complexity and stress, we are using the Figma APIs to use FigJam as a logic management tool (backend) for a feature we are building, so these complex diagrams are extremely valuable to us. So we would love to have the ability to branch → approve/reject → merge changes.  Is this something that is on the roadmap?

I’ve noticed that the “Dev resources” section is enabled if I’m in a main file but it's disabled while in a branch file. Is this an expected behavior or is my version buggy? It's the same issue either on web or desktop app. Thanks in advance. 

I have 46 pages on a project. (Maybe an extreme case, but yes I do). I just want to search for a page by name.

I would like to easily move an element to another frame rather than having to drag and scroll through hundreds of frames and layers to move it to where I’d like. There should be a ‘Move to frame’ in this menu.  

hey Figma fam, so, we’ve been going on about this for ages, but seriously, when are we getting the “lock guides” feature? it’s 2024, and we’re still nudging guides by mistake 🙄 we all know the drill - you’re in the zone, designing away, and then oops, there goes your guide. it’s like playing a game of ‘spot the difference’ trying to get it back in place. super annoying. i mean, how many times do we need to ask, right? it’s a no-brainer feature that would make our lives so much easier. locked guides = no more accidental shifts. simple. let’s give it another shot. maybe if we all shout about it (again), Figma will finally listen and add it to their to-do list. who’s with me? catch ya later! flo

Simplified use caseImagine there’s one component that is the same on iOS and Android but different on Web I create a Platform property with values of iOS, Android and Web In order to allow all selections, I need to have three variants, one for each Platform property value, even though there are only really two variants.This introduces a risk of someone editing the iOS variant and forgetting to make the same change to the android variant since there’s no way to merge these variants together. This is a really simplified use case to illustrate the point, but I am working with components with 9+ properties, each with multiple values. This creates many duplicate variants and makes it really hard to keep track of the duplicates and keep them all in sync.  Please add this! It would really save me time, headache and reduce the number of variants of components.

It is driving me crazy when I follow someone, if I need to zoom to desired level, I loose the follow and I have to follow again. I just want to be able to continue following the user on the desired level of zoom I choose.

Is it possible concatenate variables within another?

Would love to be able to save and apply object styles such as a fill color and stroke color and properties; just like in CSS.

When using the eyedroppper/color picker via the shortcut ‘I’, you can select a color and the RGB value is copied to the clipboard, letting you paste this value to copy the color. (Very nice feature!)See below:  However, when pasting the value from your clipboard, the format is like: RGB 151 71 255. Figma does not recognise this a color when trying to use this value. Please see below, when pasting the RGB value in to a field that expects a colour, the RGB text at the start prevents Figma from recognising the 151 71 255 following it: Existing Process: Pasting the result of the Pick Color tool, automatically includes the text ‘RGB’Result is #BBBBBB or RGB 187 187 187You have to remove the ‘RGB’ yourselfOnce RGB is removed, then Figma will interpret the colorSuggested Process:Pasting the result of the Pick Color tool Figma recognised the 151 71 255 then changed the color to the RGB value provided.

What if you we could easily control the thickness of lines, arrows, and other elements on the board? 😍

Hi all,it would be really REALLY useful to be able to share a link to a screen in a specific state, for example with an overlay opened. We’re writing user stories, and both client and devs need to visualize the exact screen, in a specific state.In that case, with the modal overlay opened.Currently, i can only get a link either to the screen in the design mode (right link to the frame, copy as link to selection) so without any component state or opened overlay, or the link to the global prototype starting point.

Hello, currently using the Export widget is very cumbersome. You have to click on a project layer, expand the Export widget, select a file size (1x, 2x, …), select a file format, expand the preview and save. This has to be repeated with EVERY attempt to save! When will you change this so that the widget expansion, selected format, file size and preview display is remembered!

At times I can get a buildup of available library updates. Often it’s a mixed bag of complex components and “easy” updates with just some type and colors adjustments. Nothing breaking.In those cases, I can either accept ALL updates available which might break stuff all over a page or document, or accept individual changes one by one (which takes time).Since updates are grouped like commits, why isn’t there a functionality to let me accept, let’s say, a commit with 40 icon updates, along with a color update of some 20 colors… without accepting a few complex component updates? All in all, what’s everyones thoughts on adding another update option?Accept ALL updates Accept a “commit” Accept individual update (part of commit)Would make life much easier. Quick design experiment: 

Recently a new member of our team (who was granted edit privileges) deleted our component library file, which led to a series of issues until I, the admin, realized what had happened and restored the file from trash. However, there was a chance that I never would have realized what happened, or that the user could have gone into the trash and permanently deleted that file, both of which are horrifying outcomes when it means re-creating the design system and all documentation from scratch and then replacing component instances across dozens of files with the new one. It would be FANTASTIC if I, as the admin, could prevent editors from deleting certain files, whether that’s on a per-file basis or with an across-the-board rule like “you can only delete files that belong to you” or “you can’t delete files in this project.” Such an option on all the paid plans and up would definitely help me sleep better at night!

 Using browser version Currently, when I press Control + H, nothing happens. I want it to work the same as when Delete is pressed.  

When inputting text into sticky notes, if the text overflows, the sticky note changes size instead of the text size adjusting to fit.This is unintuitive and results in misshapen sticky notes if there is too much text.In the physical world, a physical sticky note doesn’t change size when I’m writing on it - I have to write smaller to get it to fit.This would be a more intuitive flow when entering text into a sticky note: the text should shrink to maintain the sticky note’s size and aspect ratio.

Please make your products interoperate.