Ask the Community

I’m trying to retrieve the variable ids bounded to a text layer so I can use theirs names for documentation. I’m successful on shape and frame layers getting the ids of bounded variables for color, radius, and other properties usinglet variableId = node.fills[0].boundVariables.color.id;let variableName = figma.variables.getVariableById(variableId).name;return variableName;or let variableId = node.boundVariables.topRightRadius.id;let variableName = figma.variables.getVariableById(variableId).name;return variableName;but using let variableId = node.boundVariables.fontFamily.id;let variableName = figma.variableId.getVariableById(variableId).name;return variableName;only returns undefined. Inspecting it further, let variableId = node.boundVariables.fontFamily; returns the variable array, like [{"type":"VARIABLE_ALIAS","id":"VariableID:46003:232"}], but I can’t seem to isolate the id value. Thanks for the help!

Hi, I want to install the plugin Export Kit Storm Lightning but I cannot find that plugin when I search. Does anyone have an idea ? Is the plugin not available anymore ?

Figma says it allows MOV files, but every time I try to upload my MOV (I need the transparent BG), it says error uploading video: video data invalid Anyone know why this is happening?

I’ve been diving into some Roblox scripting resources lately, especially around game UI and design, and I came across a site that focuses on tools like how to use scripts with executors. It’s more scripting-focused than design, but it got me thinking—how can tools like Figma be better integrated or referenced when designing interfaces for scripts like these?One issue I’ve noticed is that a lot of these game scripts assume very basic UI layouts or hardcoded positions, which makes iterating on design a pain. Has anyone here worked on bridging the gap between visual layout tools like Figma and functional scripting tools used in Roblox or similar platforms?Would love to hear if anyone’s tackled this kind of workflow or has thoughts on improving the design/dev handoff in game environments.

Good day, Sirs! According to the Figma Pricing page, as a Professional Plan user, I should have access to the Figma REST API, which would allow me to integrate and interact with Figma files programmatically, including updating Figma files (changing some properties of Figma file nodes). However, when I am trying to obtain a Personal Access Token, the only permission for “file content” is “read”, and no possibility to select “write” permission. Requests: Could you please explain how I can obtain a token with “read&write” permission for “file content” Please provide a list of node properties that can be “read-only” and “read&write” (or a source where I can find this info). Thanks in advance.

I have the following code:async function fetchNamespace(locale: string, namespace: string): Promise<Object> { const url = `https://myapiurl.com/v1/translation/${namespace}?format=flat` const headers = { "Accept-Language": locale } const response = await fetch(url, { method: 'GET', headers: headers }) const content = await response.json() as any return content[Object.keys(content)[0]]} It gives me the following error:Access to fetch at 'https://myapiurl.com/v1/translation/nes?format=flat' from origin 'null' has been blocked by CORS policy: Request header field accept-language is not allowed by Access-Control-Allow-Headers in preflight response Is there a way to allow the "Accept-Language" header somewhere? I know the header is the problem because:I've tried sending the same request without the headers and it works I've sent the same request over CURL with Origin set to null, and it also works.The CURL command that's working:curl -X GET "https://myapi.com/v1/translation/nes?f

How do I make a shape partially disappear behind. For example, I have a shape that I wish to be partially cut off (and not visible) by the navbar. Simply bringing the navbar entirely to the top of the stack does not accomplish this.   

Hello everyone,I’m new here and trying to find how to reduce the thickness of a flat icon copied as SVG from figma plugin, at this current scale, I’m looking to achieve a thinner width for this icon like a pen/pencil drawing.Has anyone had to resolve this please share with me?Thank you  

Hi everyone! 👋In FigJam, I love how you can create arrows and then reshape them freely by adding angles, and the corners stay nicely rounded no matter how you move the handles.I’m wondering:👉 Is it possible to do the same in a Figma Design file, but with a rounded rectangle instead of an arrow?Basically, I want to create a shape starting with a rounded rectangle and I want to be able to add angles to it (just like how arrows behave in FigJam), while still keeping the rounded corners.Does anyone know if that’s possible? Or maybe a workaround / plugin that can help?Basically I want to be able to reshape the rounded rectangle easily without the corne radius to change and be able to add angles like I want. How can I create easily a rectangle like the purple one in my pic? Thanks a lot!  

프레임 내의 레이어를 슬라이스하고 싶은데, '픽셀 그리드에 스냅' 기능이 활성화되어 있지 않아서 슬라이스 과정이 매우 불편합니다. 이 기능이 더 이상 제공되지 않는 이유를 알고 싶습니다. 이 기능이 없어서 작업에 지장이 있으므로 이 기능을 다시 제공해 주세요. 자동 레이아웃을 사용하고 슬라이스를 위해 전체 페이지를 프레이밍할 때 '픽셀 그리드에 스냅' 기능이 활성화되기를 바랍니다. Figma, 빨리 조치를 취해 주세요.

HOW CAN I FIX IT

Hi there, during a project I often reorganize pages and frames. Is there a way to move a comment to a different page? Or to have it follow along as I cut and paste that screen to a different page? Thanks

How can I cut out this vector shape, so it is transparent/see through (vector 12)? From this vector shape (vector 11):  

Hello, I’m having issues with the min/max height and width. When my component is nested, I can’t remove its min and max height, so I have to detach the parent instance everytime Standalone instance Nested instance After I detached the parent component instance

I am working on setting up a design library structure that needs to support three teams, each team is working with 4 brands. We’re currently on an Organization license.As two of the three teams are using MUI we’re going for a setup where we have a main library that is using MUI as a foundation, meaning it is using copies of MUIs components and their conventions for collections and variables.To support the third team we have decided that each team will have their own complementary library as an extension to the main one, so that they are free to create local variables/tokens that suits their needs. This may lead to some level of maintenance that is still to be explored.However, I tried it out and am stuck hoping that someone here knows what I am doing wrong. Here’s how I did it:I started with setting up the main file which is basically a copy of a MUI Figma UI kit, to which I copied 80% of the UI kit. All the variables are there and everything is mapped according to the MUI way but in t

I’m trying to bind a variable to a layer. All the videos/tutorials explaining how to do this (including Figma’s own tutorials) feature a “Layer” panel in the right-side menu (NOT the big “LayerS” panel on the left side). For example, here’s an image from Figma’s tutorials: https://help.figma.com/hc/article_attachments/15253641613335. Note the “Layer” panel in the right menu between “Design” and “Fill” which allows you to bind a variable to a layer. Where the heck is that menu?? I have no such menu. I have a full Professional license. No features should be hidden. Any ideas? PS. Here’s the article featuring the image referenced above: https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes#h_01H91B3F52N921482A3051SJEX

Hi everyone! I’m new here on the forum and I’m dealing with a Figma issue I haven’t been able to solve.When I hit "Play" to preview navigation between multiple screens, Figma only shows a basic screen-to-screen transition — completely ignoring the animations already configured inside my components. I’m not sure if this is a mistake on my part or something I changed by accident.When I create an animated component, it works perfectly. And when I test transitions between multiple animated components, they behave as expected. But once I place those components inside the main frame — for example, simulating a website with slide-style pages — the animations stop working. The transitions between screens become flat and instant, with no effects applied.Also, in some cases where the animation does work, if I go back to a previous slide, it appears fully rendered — as if the animation had already finished loading before the screen appeared.One strange thing: when I refresh the prototype, the fir

Hi all, This has been driving me crazy and I feel like with the new update it has further just muddled my opinion. I’m working within a multi brand design system. One component library, multiple brands with different colours and fonts. (I have thoughts about that but alas I am a lowly designer and not high enough to create change) Brand switching also became a little easier with variables and tokens, however there is a limit to 4 brands before you need to upgrade your Figma plan which we can’t do. Since we have more than 4 brands (and type variables are still quite new), what is the best way to do this? We’ve been doing it two ways, either: Create atoms, organism. Use a variant called brand and switch in the main organism Create atoms, and variants within the atoms. Create organism, create brand variant in organism. Use variants in atoms to switch Either way the main organism has a brand variant. The text/colour styles are linked in the base file, so I suppose the only positive to ma

While browsing through UI Kits available in figma such as iOS 18 / Material Design and so on, I came across an examples tab which, when dragged onto the screen, does not present an instance of component but an editable screen. Can someone tell me whether we can achieve this effect outside of UI Kit, i.e. in our own library, or is this a function available only in UI Kits?

I had this project and it just suddenly dissapered from my file and after a while I found it in trash when trying to restore it, it asked me to upgrade my plan to profesional but I couldn’t because I can’t afford the package is their any way that I can restore the project?

I'm developing a Figma plugin that syncs library variables to local variables. I've noticed that when I call figma.teamLibrary.getAvailableLibraryVariableCollectionsAsync() multiple times, it seems to return cached results rather than fetching fresh data from the library.This is causing issues when I update variables in the library and then try to sync them again - my plugin doesn't see the updated variables because it's getting cached data.Example scenario:I run my plugin and sync variables from a library I update variables in the library I run my plugin again, but it doesn't see the updated variablesQuestions:Is there a way to force getAvailableLibraryVariableCollectionsAsync() to bypass the cache and get fresh data? Is there a recommended approach for handling library variable updates in plugins? How long does this cache persist? Is it just for the current plugin session or longer? Are there any workarounds, like a different API method I should be using instead?Any insights from the

When I change the theme color using the Material Theme Builder in the Material Design System 3 file, I can no longer switch modes to dark.

Is there a way to select multiple groups, and frame it into individual frames, rather than clicking one group and framing it one by one so that it is framed separately? I thought I could do it by selecting all and hitting Frame Selection (Ctrl+Alt+G), but I guess that groups it all together in ONE frame 

is it good to hire developers in UK who are skilled in null checks, exception handling, and unit testing to resolve such errors

Does Figma provide additional APIs or enhanced data access for plugins when using Dev Mode?I'm curious whether enabling Dev Mode in Figma unlocks any extra capabilities or data through the Plugin API—such as more detailed component properties, design tokens, or dev-specific metadata. Or is the Plugin API the same regardless of whether Dev Mode is enabled?Any clarification or official documentation would be appreciated!