Ask the Community

Facing an issue with the dev mode seat. The user with the dev mode seat access but cannot view the code tab in the dev mode options; only the properties tab is showing. Check the below screenshots for reference: Dinesh Sundaraman has a dev seat yet cannot see Code in dev mode Dinesh Sundaraman has a dev seat yet cannot see Code in dev mode Permission is provided to Dinesh Sundaraman

Hi, for some reason my screen looks darker when I click into ‘presentation’ mode after prototyping. I have attached screenshots, I want it to always look like the lighter screen. Any help is appreciated! Thank you!

Hi, I’m interested to know if anyone has ever had a similar problem and how were you able to solve it? The bottom line: When prototyping through a component (for example, navigation between pages), wild lags occur during the viewing mode. If you don’t connect frames to each other, then everything works fine. P.S. The computer is good, there is almost no load on the processor / RAM, the Internet (wired/ wi-fi). It’s definitely not into this

Can’t find the history file in the draft? How do I find it?

Hello! Looking for help creating a similar experience to this sites hero: https://thewalters.org Essentially I have a video for my hero and I want to upon scroll have the video transfer to a blurred out / gradient version with some text over top and CTAs. I have it set up currently where it scrolls into a gradient with a blur, but this just looks like a scroll and doesn’t feel snappy or clean. Wondering how I could set up the frames and gradients to do something pretty close to that site exactly in Figma, preferably making it even cleaner and allowing the interaction to give more prominence to the CTAs I will have

When right-clicking on a boolean property (toggle or show/hide), I am taken to the Text property instead. I assume this is a bug? I was trying to edit the name of the boolean property - which you can edit from the Properties pane on the main component, so this isn’t a blocker, just weird / unexpected / inconsistent behavior.

My app background is the same colors as guidelines of figma so when i haold an element or component i can’t see the distance or pixels , so how to change the colors of guide lines?

I request to get a file using https://api.figma.com/v1/files/${fileId}. I then request to get the styles: https://api.figma.com/v1/files/${fileId}/nodes/?ids=${styleNodes}. However, in response to the nodes API request, I noticed multiple styles returned with the same name. In my case, I get many text styles with the same name. If I look at the Figma file, I only see the text style in question listed once. Although the names are duplicated, the details, such as line-height, are different. Any ideas on why I would get multiple local styles with the same name?

There are too many instances where the concept of a “Plugin” and a “Library” contradict one another. If you search for “Icon” plugins, you get a list of 100 plugins, but with the exception of a handful of plugins that actually do something, they’re all actually content libraries and most of them are from one provider, Icon Duck. This is pretty common for other similar elements as well. There should be a distinction between what gives you access to ready-made elements and those that actually do something, editing existing content or generates new content from User input. You need to give us a filter to reduce the sheer volume of plugins available. If I need content, that’s easy, but if I need tools to help me generate icons, that’s more important in my opinion, there are a billion free icon libraries out there and I don’t think for the most part they need to be a plugin. It’s the design equivalent to a meeting that should have been an email or a mobile app that should have been a mobile

Hey there, I was hoping to get some guidance. I call this async function to get a list of team libraries used with the team file where i’ve enabled them in the UI beforehand. It returns a list of 3 which is great but I was expecting 6 libraries? Are there any gotchas i’m not seeing like a max return or even just naivety whilst resolving the promise? async function getLibraries() { const libraries = await figma.teamLibrary.getAvailableLibraryVariableCollectionsAsync(); return libraries; } figma.showUI(__html__); figma.ui.onmessage = async (msg) => { const libraries = await getLibraries(); console.log(libraries); figma.closePlugin(); }; My end goal is, within our team projects, to get a list of the full team libraries to get the key for a specific one and then retrieve a particular component set using the key. Any help would be awesome, thanks!

Hi guys 🙂 Could you let me know how to remove the iphones status bar (time,battery, life icons etc.) in Figma on Iphone? It covers the links on top of the prototype 😕 Would be grateful for any advice 🙂

Why does the Dev Mode inspect panel look and function different depending on on a user’s access type (view / Dev Mode only vs edit access)? What my devs see in Dev Mode (without edit access): What I see in Dev Mode (with edit access): As you can see, these look different for some reason. The most troubling for me is that the code syntax added to variables don’t show when the user doesn’t have edit access (which is all of our devs, they don’t need edit access) and so they get no benefit from that code syntax. As far as I can tell, everywhere that Dev Mode is documented in help.figma.com shows the panel as if the user has edit access and doesn’t show or touch on how it differs if the user does not have edit access. Is this intentional? If so, why and why is it not documented?

A while ago I got a prompt that the outline stroke shortcut was now going to show outlines in one of the Figma updates. The dialog asked if I wanted to have it show outlines (new way) or keep it as outlining stroke (old way). I was clicking too fast and chose the new way, and now regret my choice. Is there any way to make Cmd+Shift+O outline strokes instead of showing outlines again?

why do we need to put horizontal line in header part in Figma? what does it mainly do?

I want to animate the background of a web page when I make multiple frames, and then I do prototyping and create a component of all frames, but in the prototype smart animation, I am facing some problems. In the presentation, the scree animation is not running at all.

Hello, I am a front end dev and have received a Figma layout to integrate. When I measure the distance between two edges is the border includes in the distance or not? Thanks.

What the hell are you guys doing moving our drafts? Since Adobe tried to buy you, you guys are taking a lot of bad decisions, focused only on man in suits.

Hey Figma Family! I need a little help. I have put together a web site design and am having issues when I view it in a browser. When I click on ‘Present’ to open my design in the Figma browser > Share Prototype > Copy Link and then open the link on my iPhone, when I scroll down to look to see how the design looks and make changes, it constantly crashes and the page refreshes. I’ve had a look on the Figma Forum and other people are having the same issue? Is there something I can do to my frame design to stop this? I believe the issue is something to do with browser memory? Obviously I cannot send this link to the client for feedback/approval with it constantly crashing. I have spent a couple of weeks learning Figma and putting together 2 web designs. My Manager is looking to purchase the software, for our team, and needs reassurances that there will be no issues going forward. Do I need to do something to my frame before I look at it in a browser? Is the issue something in my page

dear community, I desperately need your help. I am creating a video editing app. I have a navigation bar in my design that leads to different frames. The user can add and close elements with this nav bar. At some point, once the user has edited some stuff together, he has no longer the initial video, but has created a new sequence. I want him to be able to use the nav bar to add elements. At the moment I am losing the edited version in the prototype and the prototype always leads back to the initial video, even though it is supposed to take the video with it. The entire video editing part is a component with multiple variants. Thank you guys so much in advance!

Has Figma changed its download permissions to restrict viewers? Apparently, only editors in our Figma team have been able to download designs, which has restricted access for viewers. This update has complicated the management and sharing of designs, especially with developers. We are on a pro team plan which includes dev mode, yet developers still can’t download UI assets. If anyone else has experienced this issue and found a solution or workaround, could you please share your insights?

Hi! My Figma Education Plan is expiring soon. I have applied for the first time 2 years ago, there wasn’t any problem with my account. While I began a bootcamp 2 years ago, unforeseen family health issues forced me to put my education on hold. Now I started the bootcamp again, that’s why I applied and I uploaded my contract-receipt for getting verified. I had the email that says “You are verified” but I don’t have access to education plan. What should I do?

I pressed something on Figma by accident and then refreshed and now it seems that I section where I had a prototype is deleted. I searched with the name of the section and I cannot find it and it does not seem to be anywhere… Can someone help?

Hi all, I’m trying to use some UI Kit, for example MUI I want to add some customization to the component in the kit, for example, I want all buttons should have a more rounded border, so I find the base button component and edit it, but there is not thing happen, could anyone please help me do this case, thank you so much

I have an account with access to devMode. But it only works in my layouts; in others, when devMode is enabled, this notification appears. Do I need to request access from the creator and how is it granted?

I don’t think I’ve ever seen the aspect ratio tool work properly as I always have to hold shift. Likewise, using the “scale” constraints leads to a stretched child frame. Does anyone know a way to allow this functionality? Seems pretty basic, hoping I missed something somewhere.