We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.
We use 3 different kinds of cookies. You can choose which cookies you want to accept. We need basic cookies to make this site work, therefore these are the minimum you can select. Learn more about our cookies.
Find solutions, get advice, help others.
Considering that document.execCommand is deprecated, what would the best way to write to the system clipboard within a custom plugin? Right now, it’s a bit hacky where one can create a temporary HTML UI, set elements like textarea with the intended value to copy, then use document.execCommand. That will likely not be supported in the future, so ideally there’d be a nice and secure way to work with the system clipboard through a Figma API.
Hello dear community, I’ve created a 30-sec prototype in Figma using smart animation. As I’ve seen that there’s no way to export any of that as a piece of JSON file from Figma directly, I had to re-create all those “smart animated” parts manually in Jitter, where I could export it as JSON. The problem began when I realized that Android and iOS couldn’t play those animations because I used SVGs for some graphics. Jitter offered to convert all SVGs to PNGs, and this workaround works only for the same viewport, which is not ideal, to say the least. The ideal solution for me will be to have the ability to export a smart animation from Figma directly in a JSON format. The second ideal solution will be to discover whether there is a motion design tool that supports Figma’s smart animation and is able to export the animation as a JSON format. The third ideal solution will be to discover a motion design tool that a) gives the possibility to re-create manually what I did with the smart animatio
I have been playing around with creating variables but realized I would rather have groups in separate collections, but cannot move them. I would like to be able to duplicate an entire collection so I don’t have to manually re-create values and can remove what I don’t need from that collection OR simply be able to move groups into other collections.
I released a plugin over a week ago, but the status still shows it is under review. May I ask where I can check the review progress of the plugin? Or, if there is a problem with the plugin, where can I find out about it?
So this boggles me. Why can’t I change (override) the opacity of a referenced color-variable, without having to detach it? To me a color and an opacity value are two different things. So if I want an opacity on my referenced color e.g. “Blue-950” I have to detach it and change the value to my liking, now it is not referenced to the variable collection anymore. A workaround is to add that “Blue-950” with the desired opacity in the variable collection and then reference that new “Blue-950-50-percent”. It is so annoying that you can’t change opacity on the fly without loosing reference!!!
Hi, I am trying to crete a user journey with 3 different ‘bands’ illustrated in each their own color. The shape is an S-shape. How do I create it? I have tried everything I could come up with. See picture below for example Thanks
It would be great if the professional plan offered more than 4 variable modes. Right now I want to set up a mode for each component size-- XS - XL, 5 sizes all together-- which puts me over the 4 limit for pro, but well under the 40 limit for enterprise, which is a quantity I will never need. And there’s no use case for enterprise at all for a team our size. I think 10-12 modes for pro would be perfect to give small teams like mine room to grow before we reach the scale where an enterprise plan would be worth consideration.
After spending two hours setting up detailed annotations, I learned that people with Viewer licenses do not see them. Annotations are for explaining non-obvious behavior to devs and others including occasional users. While devs are the primary audience, in large enterprise settings (which segment I assume is Figma’s primary source of revenue) usually there’s a large number of stakeholders who are occasionally involved in conversations. It is infeasible to get a dev or editor seat to each person loosely involved in the project just because it’s needed for a convenience feature once a quarter. We’re back to adding annotations manually, as overlaid components.
When I design a presentation on Figma (as a prototype), I add the correct weight for each font (Regular, Medium, Bold, Italic) - when I present it, some of the texts’ font weight revert to Regular. Does anyone else have a similar issue? Know of any solutions so that the font weight won’t change when running a protoype? Thanks 🙂
This has been an ongoing issue for me for at least a year. I use the Tidy Up hotkey daily but it doesn’t work anymore suddenly. Stuff I tried but still doesn’t work: Testing on browser and desktop Figma Programming the hotkey into my logitech mouse shortcut, in case there was something wrong with my keyboard Checked my laptop’s system preferences to ensure it’s not my keyboard’s issue Tested on an external keyboard
Problem: Designing without a system can get messy fast.You waste time. You repeat work. Your app or website looks different on every page.Without a design system, your project feels slow and confusing. Agitate: Imagine this — you spend hours making a button look right.Then next week, someone else designs a button that looks different. Now the app looks broken.Or worse, the developers don't know what version to code.Everyone is frustrated.You lose time, money, and trust. Solution: Good news: You can fix this by building a simple design system in Figma.Figma makes it easy to create and share design rules with your whole team.Let’s walk through it step-by-step. Step 1: Know What You Need Before opening Figma, stop and think. Ask: Who is this design system for? What will it cover? (Website? Mobile app?) Will it need to grow later? A design system should include: Colors Fonts (text styles) Buttons, forms, cards Icons Rules on how to use everything Write down your plan first. This will help
So, in principle, if an instance is inside of another component, changing the variant causes the text to reset back to the text of the master component. This also happens with other properties of the instance, e.g. if you set some booleans up they will be reset to how they were set in the master component once the variant is changed via variable. Here’s a screenshot of what I mean: and here’s the link to the file to mess around with. (So, this issue might be similar (or even basically the same) as discussed here: Change to on instance not keeping text change but frankly I haven’t had the patience to look into OPs setup 😅 I tried to break the issue down to the most bare-bones that I could in the file I provided (also to see if the issue has anything to do with my components or just is a bug) If anyone has found a workaround do let me know 🙏 (and yes, I do need the instance within another instance; it’s a button inside a form layout that I want to reuse (and many other such cases).
Hello!) Currently I can’t invite the user to my Figma team providing him the devmode - only view or edit. It’s inconvenient (or maybe it’s hidden somewhere, so I can’t find this)
When I want to create a new file in my project the dropdown keeps flickering. I can’t create a new file
APIs, guides, plugins, and more.
Find a virtual event that speaks to you.
Find answers, learn more.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.