Share Your Thoughts

First off. Yes, we all love variables. Secondly, this may have been discussed before, but it might be worth repeating. Also, I’m a bit frustrated so I’m sorry if I gripe a bit. Components need to have their own instanced variables. It is so time consuming having to set up a brand new variable collection for every component that uses variables, in every file. The way my team and I thought we could use variables is to set up the basic variable structure for a component in our library, then be able to adjust the value of the component for each instance. This would have so many use cases, and would honestly make my life so much easier. The current reality is that, when we set up a variable collection in a library, we are stuck with those values for all eternity. No way to change them unless I wanted to make a new variable collection in the file I’m working in and map them to the library variables (which I don’t even know if you can do because Fi

The background color of the Review updates window does not allow the current and updated components to be compared depending on the color of the components. In example below I am using Figma in dark mode and trying to compare two components that have black text. I am unable to do so because the dark text of the component is not readable on the dark background of the Figma UI. This can be resolved if Fi

I regularly prototype using two desktop screens - I like to design with a prototype open at all times to see it in context to it’s actual size. I love the mobile app mirroring feature because it’s easy to select frames and have the prototype view update dynamically. It would be so so awesome to have a similar mirror feature for desktop, where you have a prototype window as the ‘mirror’ that dynamically updates based on the frame that you select in a separate window. Has anyone else wanted something like this?!

Currently, dashed strokes have ‘trimmed caps’. Is there a way to have all dashes with the same length? Example:

When defining variables (specially numeric ones) there is no way to specify the units.For example a value 16 could be pixels but could be also cm or any other unit. When you consume Figma variables using an API you need to guess which unit is applicable based on the variable name, scope etc., instead of just getting the unit from the API. Is it anything on the roadmap to cover this feature?

Hello,I wanted to share a small suggestion: it would be helpful if future emails like updated “Terms of Service” included a brief summary that everyone can roughly understand what changed. I’ve noticed that other companies often do this, and it really helps ensure the main points are clear and accessible.As it stands, the content of legal comes across as somewhat dense and lacks transparency for people that are not lawyers, which could be easily improved with a short summary in the mail.Thank you for considering this feedback.Best regards,Mikka Wild

Sometimes a particular boolean variable can affect several layers. And some of that layers may require inverted visibility state. E.g. Layer 1 is visible when the variable is truthy and Layer 2 is visible when the same varaible is falsy. Let’s say, we have a multiselect field with a dropdown. When we select the first option, it should be added into the input as a label (label layer becomes visible). But also this option should be removed from the dropdown list as it’s no longer availiable for selection (option layer becomes hidden). So, both states depend on the same variable, but their conditions are inverted. It would be nice to have some negation operator when applying a varaible. Kinda logical not (!) in JS: ! isSelected. Or just allow us to apply boolean expressions as we do in prototypes , e.g. isSelected != true.

Excited for Sites! But there is def some room for improvement when it comes to basic things like global styles for inline text links. Maybe I’m not figuring out how to configure this but I’ll give an example: I need an h1 with multiple inline links in the text, like “This is my H1 title with one link and also a second”. From what I can tell there are two issues:There is no way to wrap multiple inline text objects in an auto-layout frame that then renders as a single h1 tag. There is no way to style this inline text with an underline and a color change when hovering without using some convoluted component setup. For example if I want any inline text link on my site within a paragraph tag to have the same underline & hover style, I think the only way to do this is using custom CSS in the site settings. This won’t show up in the designs though so not sure if this is the best approach. Hover interaction options in Intera

Hello, In my design system, I would like to map a container variable that would be a fixed value in desktop but a fill container in mobile.  I tried by setting a fixed value of 0 get the attention of the designers in order to make them change the value on their own but is there a way to automate this directly in the variable? I understand that this is not how variables are working but if there’s a workaround or a way to fix this, I’m taking it <3 Thanks ! 

It would be helpful if we could pick from existing variables when naming a new variant property maybe through a dropdown or suggestion list to avoid name mismatches and improve speed. 

Management of Dev Resource links is critical in our design systems. We are developing a multi-brand design system at Thryv that supports both React and Vue.js, and need to add resource links to a composed Storybook which documents a lot of components.Dev resource links are not editable from branches. We have our main file set to view-only so that design contributors have to branch to work for system integrity. They can’t add the dev resource links as part of their definition of done, putting the weight of that responsibility on the owner(s). Dev resource links can’t be automated easily for repititious components like illustrations that may all use a shared resource, but each component needs a link (and yes, I understand variants -- they are not appropriate for this circumstance). Between being an Electron app and lacking standard accessibility controls, hidden buttons that reveal on hover, and the links themselves changing positions after being

For sales or anybody that want to show data about his product or company, it would be cool to be able to add line charts or pie chart easily. Right now we need to edit it ourself, but non designers would not be confortable to ajust it. It will be fun to have a tool to create chart where we just have to put our data and it create the chart.

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😕

It seems that all the emails I was getting previously on approved seats has disappeared. The only settings available to me now are for auto-approved seats. However, as I’m working in an organisation with multiple admins I would still like to get an overview every day on the approved seats by my peers. Is there a way to re-enable the general emails for approved seats, regardless if these were auto-approved seats?

I am trying to use the new annotation tool in Dev Mode. I have 2 questions: I have made annotations on a frame in a Figma project. When I move this frame to another project, the annotations do not move. Is there a way to move the annotations too? During annotating frames, is it possible to annotate multiple components/frames together?

the idea is simple. often times I am creating a design, in witch two objects share a curve/edge, but have a different fill color. the only way to make the different fill color is to create two separate objects, but then later on if you have to edit the line you have to edit all instances of the object. or sometimes I have the same object that I want two different fill colors on, and again I have to make two separate objects. the same goes for strokes. so, I sujust that there be some way to within one object have totally different fills and strokes. there is already a way to have multiple fills, but they only layer on top of each other with different opacities, and same with strokes. I think that the different fills and things could be added using this same UI, witch would also allow the mixing of different fills as well. you could also apply / remove the different fills to different area using something similar to the new paint / bucket fill tool. anyways, I know th

It’s a great idea when I start a dialogue in Figma with other designers to give them the opportunity to invite them into the conversation. Some kind of sound signal or popup so that they can hear that I am calling them to talk 🤙. like a phone call. accept or reject. Only for participants who are currently working in the same file. But in the future it is possible to call me to a specific file and talk there. And I will immediately get into the conversation on the file that I am invited to. Because every time I go to a private chat on Telegram or Skype and ask them to talk to me in Figma.

One of the issues that I’m encountering is because their is now viewport height or width options, you aren’t actually able to independently scroll multiple frames. Ie if you want to be able to scroll a side menu bar independentally of the content. You actually aren’t able to do this unless you set a specific height for the page and then clip the content to be able to scroll the overflow.The issue with this is because the you have defined a fixed height for the page, it’s not actually recognising the dimensions of the viewport, so if the viewport in the browser window changes it’s size relative to the fixed height you specified in the Figma Sites. It actually breaks the scroll behaviour because you haven’t been able to tell the page that the actual height of the page it needs to be referencing is not the fixed height defined in Figma Sites but should in fact be 100% fill to the vertical viewport height instead.

In Figjam, I would like to give URL linking to image that I do use in flow chart. Anyone know how to do this as its a small but useful feature. 

I think you are on the right track with Figma Make with the recent feature of being able to select a design system library. However, if you take this a few more steps I think you might have something:Expand the definition of a Figma design library object to include design system concerns including: design components, design tokens, and guidelines (general usage, component usage, accessibility compliance, motion, etc.) - similar to what you can add to the Guidelines.md file. Allow designers to edit all of these concerns in Figma, attaching them to their design system. When the user selects a design library in Figma Make all of those concerns come with it. Think of it as a schema or blueprint for building components and applications. Provide the ability to connect to existing production (React, Angular, Web Components, etc.) components in GitHub so that designer prototypes are rendered with a very high level of accuracy and fidelity. Alt

I am an Admin within my organization and love that I am able to filter within the “People” tab, but wish I had the ability to select multiple options under each. For example, I often want to look at Full, Dev, and Collab under seat types as I do not need to see “View” seat types. But I am only able to select one of these at a time and then need to unselect and select the next one.   

My colleague was relying on version history and started flattening shapes for an illustration. It would be great when you select flatten from the menu that Figma would save the state before executing the flatten action.

A very common way for me to share motion prototypes in an accessible way across my org is dropping it into a deck in Google Slides. I’ve found the best way to do this is to create a prototype (device: none), screen record that prototype using QuickTime, and then convert the .mov to a .gif using GIF Brewery 3. This process works pretty well. The primary downside is that the only way to get a touch cursor in the prototype is to set the device to a mobile device, which then includes the device chrome. This is not ideal for screen recording and creating a .gif as it increases the file and image size. A simple way of solving this would be to include cursor settings in top-level prototype settings that includes a choice of either a touch cursor or a pointer cursor (this is similar to how Principle does it: View->Toggle Preview Cursor Type). While this would solve for my specific use case, I also think it allows people to create more robust prototypes for touch devices tha

Figma should allow customization of the message shown to users requesting a seat. We have specific eligibility requirements, and currently, I have to manually follow up with each requester to confirm their eligibility. This creates unnecessary administrative overhead, especially with multiple administrators involved.

I think it would be handy if, when publishing a library, I could easily select/deselect:All variables, All text styles All effect styles All layout guide styles All other (ie. components)