Ask the Community

Hey everyone,I want to create a simple plugin: I have a frame called “Canvas” which contains all the elements that I use for a project.I have a frame called “Design System” which contains all elements that I designed. Every element in both frames are instances. The plugin should compare both frames for the names of the instances and hide all instances from the “Design System” frame that are not also used in the “Canvas” frame. Only the ones with the same names should stay. This is the code:  figma.showUI(`<p>Processing...</p>`, { visible: false });(async () => {    try {        // Ensure all pages are loaded        await figma.loadAllPagesAsync();        // Get references to the pages        const designSystemPage = figma.root.children.find(page => page.name === "Design System Page");        const canvasPage = figma.root.children.find(page => page.name === "Canvas Page");        if (!designSystemPage) {            throw new Error("Design System page not found."); 

Hello! I am fairly new to figma so bear with me.I understand the click and hover interactions by using variable elements, but I was wondering if I could use one component as a button to toggle visibility of a separate component within the same prototype?I have attached a screenshot of the mechanic I am looking to implement - a button within a set of images highlights their location on a map when clicked.I have had some success following other forum responses by using conditional statements to turn the attributes of the target map marker from true to false - visible to hidden, but I am not fully understanding the process so when a problem arises I am lost.I will also include some screenshots of the direction I have been heading in for reference.Any direct help would be great, or if anyone can point me to a good tutorial I would be very grateful. I need it step by step to understand everything.Thanks in anticipation! Concept view of button and target marker to show/hidelocal variable app

Hello,I need to automatically import multiple local images into FigJam. Each image should have a text field above it containing the image's filename. Is there an existing tool that can accomplish this?I've attached a screenshot showing what I've done manually as an example. Thanks in advance,Michele 

Right now we are a team of 3 people and we are working on a design system. The problem is that with the Professional Plan we can’t share the styles and components between us and for the moment upgrading to an Organization Plan wouldn’t be the best approach for us since we are only 3 people. Is it possible to have one single account (for example designteam@company.com) and the 3 of us to be logged in and use that account with a professional plan? In that way any style and component created inside that account could be available for use it.

1. As a upgraded user, how long can we access the version history of our files? Can I see all the history since the file was created? Or just 1 year or 2 years?2. How long can we keep the history records we keep manually in the file Is it permanent?

I’ve been trying to create HTML email with the help of Marka Email Generator in Figma. I host the images on Figma itself. When I export the project as an HTML file and run it in a browser, I don’t get to see the images I’ve added. Instead I get to see broken images along with the alt text that I’ve added to each of these images.Until a few days before, the plugin was working fine. But now I don’t understand how do I fix the problem that is occurring.Seeking help to solve the issue.

I have an extremely simple prototyping example that takes forever to click through when using variables to manage select/unselect state for a layer.

I am a Webflow developer and have used Figma pretty consistently for 2 years. However, I am by no means a Figma expert. I’m pretty green.BUT… I’ve found it very challenging / annoying for a while now how painful it is to select a layer/group/frame, find the right one, etc. The most troubling is that when I am in dev mode, MOST of the time when I click on an element in the canvas …. then the Layers Panel on the left does not move at all to correspond with where I am on the canvas. How can this be? It just wastes a lot of time.If I EXIT dev mode, then the Layers Panel on the left moves correspondingly & immediately when I click elements on the canvas. This is expected behavior and Dev Mode should do the same.As a developer, I find Figma to be pretty frustrating at times UX-wise. Do other devs agree?

I am experiencing an issue when trying to load a library shared (be me) for my team. I am repeatedly adding this library under Assets, but still can’t use this. Is there smth I don’t understand? Does this workflow work for you?  

I can draw a straight line but how do I make it vertically straight. Can I also equally space out lines? TIA

Is it possible to export only part of a group? I’m in dev/view mode, so I’m not able to hide layers, and as far as I can tell cmd/shift+clicking multiple layers does not work. My current workflow is downloading as an SVG then opening in GIMP to remove the additional items.

Hi there.  I’m a UX and design system consultant.  I'm currently in between contracts and I'm wanting to put my time to good use by experimenting with plugins and Code Connect, but have just realised that in order to use Code Connect you have to be on an Organisation plan.  As a consultant (and the only one in my business), I really don't want to have to pay for 3 seats (which is the minimum for an organisation license).  I’m being quoted over £1,000 per year, which I simply can’t consider.  Is there anyone I can talk to about this?  I'm used to working with organisations and being on their Figma plans for this type of work, but as I'm between contracts, I'm a bit stuck.  Thanks in advance.

Hello, I’d like to share a prototype with people in my company who don’t have a Figma account and I’d like them to be able to add comments on the prototype without having to log in or create a Figma account. Is this possible or is this a new feature to come? I find the “start open session” feature on FigJam very handy for sharing FigJam files with people who don’t have an account, and it would be great to have the same for prototype files in Figma. Thanks for your help! 😊

Hello, I’m wondering if anyone has been able to create ‘Appearance styles’. I’m creating a site that has a range of opacity settings on images as a design system. I’m wanting to have ‘Appearance styles’ similar to ‘Colour Styles’ or ‘Type Styles’ so I can easily adjust these across the different images & have a clear system for development.  Has anyone been able to do this? 

See title; that’s the gist of my question. Further elaborated: When zooming @100% it’s not actually accurate with what I see on my screen. Rather, setting zoom @83% is actually closer what’s represented to reality (e.g., on a browser!). See image attached where I’ve proved this strange bug. This question has already been asked, but there isn’t a definitive answer. Curious to know how people deal with this.

Hi all. I have an issue where i want to add semantic tags to my components, to be able to get the code in dev mode and/or VS code.Today i only get <div> in the HTML code. I have tried a plugin “HTML tags & Attributes” and i can see the tag and attribute in Figma, but it doesn’t show in the code… I hope for some help!Best regards

hey guys! I’d like some help solving a question about tokens in Figma and handoff to devs. On design view, we have the token applied with the semantics we created in the global tokens. But, on dev mode, these semantics don’t appear, only the token values appear, for example: “12px”, for the font size which we call “small” and “400” for the weight which is the default, “regular”. Do you know if there’s a plugin or some way to make dev mode show the tokens just like their semantics?

Please i need help on how to design mid fidelity wireframe. i am a beginner. you can help me with video or instructional materials  

Hi, I’m trying to mask a frame with a vector shape (the shape of an iphone). I put the shape on top of my frame, then select both layers and click on mask icon on top nav. The result is the shape, becomes a fill on top of my frame, where I want the shape to be subtracted from my frame! I’m very frustrated and don’t know what to do. Please help.

When pasting text from design into a string variable, it seems that a color variable is being added unexpectedly. I don’t know what’s causing this.

Our SAML Azure certificate is about to expire. When I generate a new certificate, I am unable to update it in Figma through the settings. As a result, when I activate the new certificate and attempt to log in using SSO, I encounter an error indicating a mismatch between the certificate in the IdP and Figma.

So I have a huge library ok. And we have different software releases, some of them at the same time. Each release is also a library for the new releases. And today I realized that the rendering does not work properly. Sometimes the screens does not appear at all and show up only blank, in other cases parts of the screens like text in tables and stuff or complete elements are missing. So if you open up the instance on the left layer area than everything looks fine again (for that one screen). Like in this case here (Stuff is pixelated for safety reasons. The customer would see me in Jail if I post it here unpixelated). I open up the page with the screens I want to take a look at and the left screen is broken:  If I doubleclick on the left screen the layout comes back like: And now you guys, what could that problem be? Love and Peace,Jean-Marc

Hi!First I have to say that I’m so happy for the accessibility work done with FigJam. This is an important tool on my workplace, and it’s good for me that many important tasks can be done using Jaws.Setting stamps are possible. But is it possible to remove a stamp, e. g. after a discussion (or if you recognize that you’ve done something wrong)?/ Morten

I’ve been running into the same issue as this below: Local fonts completely neglected, all of sudden Ask the community I recently upgraded my figma desktop. It suddenly showed “missing fonts” window to every component i used any local font. I reboot, reinstalled all the figma desktop and local font files. This is happening in the Windows dekstop and my Macbook at the same time. I also changed the type of the font file(ttf, otf etc.) but it didn’t change anything. [image] Does anyone have similar issue? Other teammates are also suffering the same… On Mac( Apple Silicon OS 14.4 ) w/ Figma 116.17.11 I tried every solution that mentioned in the topic above. All other apps like Adobe recognize the fonts the same as before. also I have not changed anything like machine settings or so. One thing that changed recently is just the Figma update. It’s been blocking my work and making me insane! does anyone have a solution?