Share Your Thoughts

When a coworker is presenting their design work and I’m following them in the file, the UI automatically minimizes the sidebars. This makes sense to me, but I’d really like to see what page we’re on in the minimized version of the left sidebar (screenshot below), rather than simply the name of the file. Our files typically have a lot of pages, and I’d like to see where I am while I’m following another user.It would also be beneficial to be able to switch between pages while the UI is minimized. I’m often working on one page while occasionally referencing another. If I’m working with the UI minimized and I need to look at designs on another page, I have to first expand the UI before I can click on the page I want to go to. It’d be great to be able to see the name of the page in the minimized UI, click it, and get a dropdown menu of the pages in the file that I can use to navigate between them. 

I have been documenting our design system best practice in Confluence. I would like to embed the Component Playground into the doc. This would allow people to preview the ui within the doc.

The way the web works is that elements nested within a parent element will inherit the font-family defined in the parent unless explicitly set on the nested element.It would be a really useful feature in Figma to allows something similar where you can define a font family for a frame so that all the text elements inside inherit that font-family, so if the font-family needs to be updated you don’t need to change the font-family for every text element within the frame. However, the nested text elements with a font-family explicitly set would remain unaffected.You could also do something similar with text styles where a text style can inherit from a parent text style so you can make more broad font-updates to your text styled without having to change each one individually.

Hello! As mentioned earlier in posts such as Prototype - Interactions - Event listener & ElseIF conditional, it would be really useful to have interactions trigger from variable changes. Right now, you can already accomplish these by combining conditional statements with the “After delay” interaction, but it is extremely tedious to maintain and demands a lot of janky component work (see example of implementation in video). Simply having “Listen for change in variable X” as an interaction would be a really powerful tool to create reusable components for advanced prototypes.

Event listeners could improve prototypes efficiency and limit the number of workaround to replicate common interactions on websites. OnScrollUp OnScrollDown (left or right as well for Horizontal scroll with an offset value) E.G : Menu expanding on scrolling up. Right now this is almost impossible to simulate, while being a pretty common thing. (i mean yes, with increasing a number variable or decreasing it and check the previous result, which asks for a lot of onMouseEnter and possibly deactivating other interactions). It would be great to listen when user is going up or down the page. OnView (with offset trigger and possibly onLeave) For example we have a page with sticky elements, like filters, that need to disappear when the footer enters the visible area of our prototype. As of now, we need onMouseEnter interaction to change visible state with booleans. This is a problem, because people won’t be able to see these interactions when on mobile. So triggering a bloc when it is onVi

I am coming from google slides - i am often going into presentation mode during building a deck to check the slide i have just designed. Going into presentation mode has a lot of friction: 1. shortcut is weird, why not cmd+enter like google slides (current shortcut collides with something on my browser​​​​​​​2.starting presentation is alway a two click action because of the presentation type menu ; presenting with notes is much less often used (can u hide it behind a “more actions” menu? Just some initial thoughts after heavy using for 1 day - would help me a lot.   

I’ve been noticing that my images no longer are showing the little dropdown in the asset panel that gives you the option to download the source image. Is that a bug/setting or is that functionality being removed?

The developers and I are currently refining our handover process. I discovered, that for the VSCode Figma plugin the Feature “Focus mode” is available and was wondering why I wasn’t able to access it. I found out that it’s only available on the organization plan and above.Since I know that the huge canvas is overwhelming (even if it’s structured in sections) this feature would make the handover process way easier and is a huge benefit for developers, regardless the team size. It also saves time for designers, as they don’t have to invest as much time in neatlessly structuring the file and explaining the structure in detail to devs.We are just a small team of three and won’t be growing soon, therefore upgrading to another plan does not make sense for us.Is there any chance this will be available for the professional plan as well?

I am making a prototype game UI for a studio. This sometimes forces me to create scenarios that are not common to classic web or mobile app usage.In this particular scenario I am making a Diablo-like type of mouseover. In short, when mouse is over an item, its description tooltip appears and when mouse leaves the tooltip disappears. Pretty standard. There’s an extra bit that the moused over object needs to be clickable. I am unable to achieve that with current Figma tools so I am dropping this simple idea for overlays to improve tooltip making. First, let me describe the solutions I already tried and their downsides:I am making a button component that has three variants: normal, hovered and pressed. The hovered variant is displayed while hovering. Within that variant I create a frame which acts as a tooltip and appears right beside the variant as its integral part. Downsides: When the component is placed on any canvas, the tooltip within hovered variant is subject to z-depth, meaning i

Hi I want to keep ("Preferences" > "Snap to pixel grid") enabled, while being able to:Center a shape with perfect precision. Freely move a shape while snapping to pixel grid when possible. Disabling ("Preferences" > "Snap to pixel grid") can be useful when trying to perfectly center a shape inside another. Examples:https://forum.figma.com/ask-the-community-7/why-it-doesn-t-align-in-the-center-properly-9206 https://forum.figma.com/ask-the-community-7/perfectly-centering-22683 Having ("Preferences" > "Snap to pixel grid") enabled by default can cause issues for beginners. Having it enable can be useful too. So, in order to have “Center a shape with perfect precision.” and “Freely move a shape.” we shouldn’t lose the ("Preferences" > "Snap to pixel grid") feature. I think the best solution would be to implement this feature, so all of these needs and issues can be resolved. Let’s say a new option is added for this, as a result:(“Position” > “Align horizontal centers”) butto

Hello Awesome People! First of all, I’m sorry if this has been asked somewhere already, I tried searching but didn’t see anything. Is there a way to know what design files have detached a component? Here’s an example scenario, I open up a DS file and navigate to the library analytics I click to view more details on a component which says it’s got 3 detaches I arrive on a screen with all the variants listed for this component, I click on one which states it’s got 1 detach I then arrive on a screen which is listing 16 pages and I’m not clear why wanting to just find the file that has the detached component. I hope the above makes sense, thanks in advance for any pointers here 😊

Love the new Typography Variable release, but it falls short for our use case. Our goal is to use variable modes to switch styles between our 3 brands. 2 of those brands use all caps for headings, the other brand uses sentence case. We need to be able to bind a variable to the case of a character style (As typed, Uppercase, Lowercase, Title case, Small caps). Without this capability, when switching modes from brand 1 to brand 2 for example, we are getting the default case for the character style (sentence case coming from brand 1). We would then have to go through our designs and manually type in all caps for all instances of headings in brands 2 and 3. Certainly not ideal and will lead to inconsistencies / places where manually typing in all caps are missed if we went this route. Until binding a variable to the case of a character style is an option, using typography variables isn’t feasible for our use case.

Hello,I worked on renaming the variables of our Design System. This was done on a branch, and despite the change in the naming convention, I was careful to rename and not delete the variables in order to not lose the relation.Since some of these variables were previously implemented by the Dev Team it is important for us to track which variables have been changed and what was the original name.I thought you could see the previous name while merging, but no, it only show the change of color value.Where can I see the matching between the old and the new name ?  

In the prototyping part of Figma we can use expressions when using the “Conditional” prototype action. I’d like this functionality to be extended to be used when applying a boolean variable to show/hide a layer or toggle between component variants. The exact same logic/functionality used in the if statement could be used to create a true or false result.Some examples of desired expressions would be:activeIndex (number) == 4 isEnabled (boolean) != true option1 (boolean) == true and option2 (boolean) == true Example situation and ideal scenarioWhen creating a button component with a default and active state, you can toggle between the two states with a boolean. When having 5 buttons and only wanting 1 to be active at the time (like in a tab bar), you’d need every button interaction to set its own boolean to true, while setting all the other booleans to false. Add more buttons and you’d need to add new booleans, edit every button and add additional actions.In the ideal scenario, you’d be

Hey there, I’m currently using Figma slides for some presentation work but there is only Right, Left, and middle text alignment and there is no “Justify” available. I know it sounds like a silly feature request but it is actually very handy and unique when the text is justified. Thanks in advance!

I understand the idea, but oh my gosh is it a real kick in the butt. It’s a bummer to block such lovely, speed-benefiting functionality like tabbing with hit-or-miss spellcheck suggestions. (Especially when it’s trying to spellcheck my or a client company’s name...)Language is so contextually variable that spellcheck is inherently hit-or-miss, so recommendations should only ever be opt-in. I understand how this functionality was decided on, your heads are in a very reasonable place, but this unintentionally removes that ideal opt-in experience. If nothing else, it’d be nice to add words to spellcheck’s library. Or give it a good swat with a newspaper and say “NO.” I’m open to either option. EDIT: AYYYYYY my wishes are answered! Add to dictionary appears in the right click menu, which is sometimes finnicky so I didn’t find it. But that’s fine, who cares. It works!FEEL FREE TO DELETE, CAPTAINS!

After an AI Summary is generated, I’d really like the ability to edit text in it such as the Title, add/remove bullets, remove the datestamp, etc. Because it’s not always the perfect summary, and at the moment we can regenerate a new summary but we can’t simply edit the summary.  I’d also like the ability to create an AI summary from a block of text in Figjam.

Request the addition of setting relative size options (e.g., percentages, vw, vh, em, rem) in the Auto-Layout feature. This would allow for more efficient responsive design, eliminating the need to create multiple instances for different screen sizes. 

It would be amazing if Figma’s Slack integration offered live previews of individual Frames that you could post in channels. I find myself sharing a PNG copied from Figma to communicate design updates, but when changes happen, I have to rinse and repeat that process if people aren’t jumping into the files themselves. It’s often easier to just send static images and get immediate discussions going in Slack versus using Figma’s commenting system. How cool would it be to have live previews of a selected frame from a Figma file embedded straight into a Slack post? Slack shortcut workflow would be something like: “Embed frame from Figma file” Paste URL to Figma file Select from dropdown the Frame you want to embed Click Share, and you have a preview that updates at an interval. It wouldn’t even need to be realtime, but maybe having a refresh action/button on those embeds would tell Figma to fetch the latest preview. Clicking the embedded image would display a full-size preview in Slack, j

Can you add a feature to the plugin API to allow debugging a plugin in the browser using localhost? Currently the only way to test the plugin in the browser is by publishing it.

Any plans to open up the Figma Slides API?Being able to create new presentations dynamically from a pre-defined template like this would be amazing: https://zapier.com/apps/google-slides/integrationsThis feature in Google Slides via Zapier (or API) is a game changer:Create Presentation From TemplateCreates a new presentation based on an existing one and can replace any placeholder variables found in your template presentation, like {{name}}, {{email}}, etc. I think this has the potential to be a powerful driver for growing Figma Slides signups.Welcoming a new user to Figma Slides - into an expertly designed template - already populated with copy for them, is one of the best ways to activate a brand new user.

Hi, community! Hope you’re all doing okay.I was just on a call with my team and one of my colleagues had the idea of adding comments in audio format. I did some research and know that it has been suggested already, I really believe it would me an amazing feature!

I would like the ability to share Figma Slides without the user needing to create an account and sign up. When sending slides to stakeholders i now have to export as a PDF and send it rather than just sending the presentation.

In a color field, I want the hex code input to be a search as well: