Get Solutions

This doesn’t need discussion as it’s only meant as my personal opinion which has no basis other than my personal likings. Resetting a component, is something i use a lot and now that it is burried i have to spend more time. I would want here to either have some shortcuts attached to it somewhere more prominently. I would love to have the ability to reorder the panels (Positi

Hey! I was watching Figma like the pros: Figma like the pros - Christine V, Eugene F, Femke van S, Helena Z, Joey B, Molly H, Rusmir A - YouTube Molly was showing how to hide the collection (with “. or _”) from the color menu, but that feature doesn’t work for me. If I want to use Primitives and Alias tokens I have to scroll trough long lists of variables.

Figma doesn’t have a native way to export variables for devs, so I rely on 3rd party plugins. I even wrote some myself to get around this basic missing feature.Plugins that I used in the past have now stopped working. I’ve also tried some new ones. None of them work.Plugins load, but pressing buttons to fetch variables and export variables don’t workEven some plugins that I developed myself stopped working. When I run them, I now get console errors that weren’t there before.Why Figma doesn’t have a native way to export variables is beyond me. Too busy with Figpals, I guess.We have a deadline to hit, and now I need to manually export hundreds of variables for my devs. Very much not ideal. Is this a known issue?

I have an Accordion component and would like it to have a border of 1px solid lightblue on all sides, and a thicker border-left of 4px solid darkblue. How can I achieve this in Figma? How can I set different thicknesses and different colours on the borders of an object?

I set IPhone 16 as my prototype device, hence "On Tap" turns into "On Click". However, now, when I play my prototype, even when I tap anywhere other than the element I chose for a specific animation, it changes to the next frame! It's as if the animation wasn't needed at all :( How can I fix this?

 Hi! I’m wondering if anyone here has a solution/answer regarding my issue. I’m working on a school project and need to create a blog with different entries, this is the base template for how an entry should look on the main page (Article thumbnail, title, authors, date and brief description) I have around 5 categories to do and each and every one of the articles is going to have the same elements… I’m wondering if there’s a way to create just one element and then input the data and create copies for each article on the main page (or if the only way to do it is copying and pasting it….) Sorry for my bad grammar, english is not my first language. I thank you deeply for your help beforehand. 

Hi! I mistakenly irrevocably deleted a needed project instead of an unnecessary one because Figma glitched. Is it possible to restore it? I sent an e-mail, but support takes a long time to respond.

I manage a large-scale multi-brand design system The setup is pretty large - albeit standard IMHO 1000+ text styles - where all text style properties are variable-based. Duplicating styles individually/manually is straightforward, however, at this scale, it is prohibitive. There are a few methods (cut/paste to another file) and plugins to help workflow in duplicating text styles without variables, but they don’t support/maintain variables. Any thoughts on how to do this with Variable-based text styles? Use case: We already have 3 font variables per brand: “Body”, “Brand”, “Marketing”. We want to add a “Serif” font (in variables) for each brand, by cloning (for example) the “Brand” version/tree of the text styles across all sizes/styles and applying “Serif” font variables. Any thoughts/help appreciated. Thanks. Pierre For anyone wondering about the sanity

I have a bunch of icon components, all locked at 24x24 aspect ratio (1:1). I am trying to create an easy-to-use icon component, and one option I was trying to make involved using the lock aspect ratio feature recently released, and creating ‘icon size’ variables. This would allow our designers to be able to replace icons easily in their files while also not wrapping the icon in a variant set of icon wrappers at different sizes. There's other reasons to try it this way, as it's the least destructive to the files that already contain instances of icons dropped in them already, but we don’t need to go into that.My issue starts be applying my new icon size variable to the H or W of the icon components. I set the lock aspect ratio to on, and give the H or W (I can only do one, which makes sense I guess) the correct sized variable in the master component. The ‘vector’ inside (which is the glyph) is set to scale-scale. When I place an instance of that icon, I can ap

The issue was already raised on July 20th here: https://forum.figma.com/t/missing-css-properties-for-variable-fonts-in-dev-mode/48849 The original topic has been closed, but the issue still persists. This is very important for our developer handoffs. This is the information we currently see about Typography in the dev-mode. We’re missing the information about font-stretch values. Could you give us an update when this issue will be fixed? Thank you in advance.

I can access this project but it doesn’t show any thing there

Hello I made a button with an animation on the icon that looks like this:  I created variables to allow me to change the icon from the instance.  My original button works as I want.But the copy with the icon change doesn't “play” the back animation.Is there a way to make this work so I can change the icon quickly without having to duplicate all the animations?

Why? Background: I work in the financial sector. We consist of a holding company and other smaller, specialised sub-companies. We are very tech-heavy and UX maturity is still in the early stages, and I am in the process of merging the companies onto one Figma. The workspaces would be ideal for this. But also for legal requirements. As we are very dev driven, we really wanted to work with the Rest API because it benefits our design system. But the sales team told me that we need at least 6 designer licences before we can get Enterprise. At the moment I am only one designer in my company. The other companies have one each. The group-wide expansion is currently being organised. I have been offered to “simply” add more licences and then I’m good to go. Can someone explain to me how I can sell the management that you have to spend an extra €4500 to make it work? I can understand not wanting to give a certain level of support to smaller teams because oth

Hi, I am working on a designsystem/ UI-kit in figma. I am currently working on the button components using variants. I want to create differents sizes. eg. small medium and large and set these as variants.I want the width to be responsive to the size of the device. For example the big button will take up the complete width of the screen minus 7px margins on each size.I know I can do this with auto-layout -> fill container and applying margin to the whole screen-frame. However I can not add this setting to the main-component button since it is not inside a frame/does not have a parent yet. Is there any way to achieve responsive components that size with the screenwidth by having "fill container"? Thank you so much in advance!  

Hello! I’ve tried to find a related topic for this with no luck.Our team is experiencing a bug that is becoming more frequent recently and impacting our dev handover. When opening a file some elements appear to be missing until you click or engage with them and they suddenly reappear.We thought it may be that Figma needed updating or restarting but it’s quite persistent.Is anyone else experiencing this? 

Hi lovely Community, i am a bit lost atm….  i trying to do a style with only the corner borders are visible..  In this picture i tried it with own vectors… but i want to work it with auto Layout so it adjust to the text inside…. and the border should have some space between button (green) and the border….i need to auto layout also to work with design so i can work with variants… with normal designs and small adjustments i am capable to do… but with this kind of border i am so lost HOW to do it. Maybe someone have an idea and a good explanation <3 

Enable developer mode and check the color codes of the variables. You will notice that the colors of the code and variables do not match. 

Did the developer forget to implement a function to reorder properties in UI3, or did the designer forget to include it in the design?Does anyone know how to reorder properties? I've been stuck on this task for about 10–15 minutes. 

Is there a way to revert to a previous value of a variable other than using another variable to store it? ie. is there a variable history so that in a non-linear process, you can revert back to the previous value (component state)?

I have multiple HTMLS. I want to embed them into the plugin through iframe, but some of the contents cannot be displayed completely.For example: In the canvas area chart, the Dark Mode button cannot be switched;However, html can be displayed and used normally on the browser. May I ask if there are any restrictions on figma? I hope you can help answer this const updateIframeContent = () => {nextTick(() => {if (previewFrame.value && props.htmlContent) {try {const iframeDoc = previewFrame.value.contentDocument || previewFrame.value.contentWindow.document;iframeDoc.open();

Whenever I move my frame, the lines i created won’t follow. They dissociate themselves(although being in a group element) from the rest of my design. How to freeze them within the frame?

I am try to recreate these chat bubbles that hug the message within them. As you can see in the video when you resize the browser the chat bubbles also resize but they still hug the text. How can I do this in Figma? When I set the auto layout to hug the text and then resize the screen the text eventually gets pushed off screen. The only way Im able to get it to resize with the screen is if I set it to fill container, but then there is a ton of space left over if the message isn’t that long. Please Help!Gif 1: Example I am trying to replicateGif 2: Fill ContainerGif 3: Hug

My organisation has an annual subscription that is renewing later this year. What is the process to change the annual subscription e.g. upgrade from professional to org, add/remove seats? What is the window in order to do so and who should we contact? 

HI All, I want to be able to select two colours and at the same time - so for example purple and pink and have it link to an image with both colours blended? what do I search for to be able to do this - We have the blended image - I am unsure and unable to work out how to do this and I suspect I dont know the correct terminologyThanks in advance 

I understand how to alter the angle of a normal linear gradient, but I don’t understand how to set the angle of a linear gradient when creating it through the “New color style” panel. I want to set it in the style so that the angle is applied to all objects that get the style.Can anyone explain how to do that, please? Here I create the new style (I don’t see any way to set the angle)… Here I apply the style… Here I adjust the angle of the gradient…