Ask the Community

I would like to inquire about the recovery and relocation of my account.I used to use my existing account, [redacted by forum admin/moderator to remove PII] Google Link, but as soon as I graduated from school, my account was suspended and became unusable. In this case, I would like to transfer all the projects in this account to my account, [redacted by forum admin/moderator to remove PII] . I would like to inquire about this.You can authenticate that [redacted by forum admin/moderator to remove PII] is the owner of the account. It may be a certificate of school graduation or enrollment.I sincerely hope that the files will be recovered and transferred!For answers to related content and additional resolution confirmations, please contact [redacted by forum admin/moderator to remove PII] ! You can check my information and contact information.

Hi! We are working on a DS library that has a bunch of variables. We would like to get those variables to our codebase in Visual Studio Code, with Code Connect. I have cloned the “simple design sample” (https://github.com/figma/sds), but when I try to run the script for processing the variables, I get an error, that apparently says that I don’t have “read or write” permissions for “file_code_connect”. This is the error that appears on my console: response { status: 403, error: true, message: 'Invalid scope(s): file_code_connect:read, file_code_connect:write, file_comments:read, file_comments:write, current_user:read, file_dev_resources:read, file_dev_resources:write, file_content:read, file_versions:read, library_assets:read, library_content:read, projects:read, team_library_content:read, webhooks:read, webhooks:write. This endpoint requires the file_variables:read scope'}nameSpace com.figma.sdsfile:///Users/bruno.sastre/Desktop/genexus/figma-sds/scripts/tokens/fromFigma.mjs:99 con

I want to make an animation where an user taps on an item, and it opens a slide-in with the item details like the pics I attached, but I don’t want the slide-in to come from the far edge of the screen, I want it to appear from the left of the “Order Details” frame.I tried making an open-overlay with move-in animation, but I can't figure out how to make it appear from anywhere other than the very edge.Here’s a video of the problem with the prototype I made:Does anyone know how to solve this? Thank you! 

Anyone having problems with user permissions today? I have a user with a full seat, and there’s a folder that I’ve invited all team members to. This user has only View permissions to this folder, though other team members with full seats have edit access. Specifically: in Admin > People, he is shown with a full seat.I have a folder that I’ve shared with “Anyone in [team name]”When I open that listing in the Share popup, this user has “Can View” while other users with full access show as “Can Edit”“Anyone in [team name]” is the only thing that this folder is shared withI’ve changed nothing, and this is new today. 

I’m managing a Design Library. Some of the components have a drop shadow effect. When I use an instance of one of these components in a Design File and resize the instance by dragging or setting height and width, the shadow’s settings (position and blur) don’t change, making the shadow appear differently in relation to the component.Scaling with K solves this, but I’d like to find a solution which lets our other designers use height and width to resize. I’m concerned that they’ll do it regardless and make the component look incorrect.Is there any way to do this, without flattening the component contents and without making a shadow layer myself (that would be too much work)?

2-3 days ago shortcuts are not working as they did before. It used to be that shortcuts were mapped to physical location of keys, not mapped to the actual keyboard layout you pick from the system menu. Let me explain: I use Serbian layout for most of the typing since I have special glyphs I don’t kave on English layout like đšžćč. Serbian keyboard has mostly the same layout as the English one, except that Z and Y are swapped and other symbols like ±(); are on different locations. This is the issue with any other software, since you would need to stretch your pinky and index finger just to make undo action. Figma was great and unique because all the shortcuts stayed in the same place on the keyboard regardless of the layout. Now Figma is acting as any other program, I have to switch all the time between two layouts, Serbian for typing, English for everything else. This is supper annoying, can I switch this somehow back?

If you see the screenshot that I attach, the annotations appear in Design mode. I believe that they should appear only in Dev mode. Please advise how I can fix this situation.

I am new to Figma but I have worked as a developer with designers who use Figma. One problem that I have experienced is that Figma (like most design tools) throws out very crude HTML/CSS/React. There are a number of problems that arise when developers implement the Figma design. Based on my experience working with Figma designers, it gives the designers a lot of power to craft a beautiful user interface but it does little to aid the development design/build/test/redesign cycle. Instead, at best, it can be the first step in a waterfall development process. What are the best practices for including Figma in a design/build cycle? Is there a way to define a theme (CSS) that is maintained across an entire website?

Basically, I am trying to make an interaction where I select 3 of the checkboxes and it changes the disabled state to active. I swear i’ve been making conditional statements and applying variables all day but nothing is working lol. Someone please help me  😭I initially made a number variable: selectedcount = selectedcount + 1 and applied it to the checkboxes but figma didn’t recognize it in variables when i was clicking on the checkboxes in prototype. I am down to hop on a google meets to see how you all do it or even share my file. This is for a school project.Thanks!  

Hello everyone,I’m currently facing an issue with the new Figma AI feature. Although I have enabled the AI feature in my Figma account settings, the "AI First Draft" option is not available when I create a design. I’ve tried refreshing and restarting my session, but it hasn’t resolved the problem.Is there a specific requirement or step I might be missing to use this feature? Any guidance or solutions would be greatly appreciated!Thank you in advance for your help!

I am running into an issue where the eyedropper tool for picking colors is not working correctly / doesn’t work.

Hey Figma Community! 👋I’m trying to solve a problem around reusing common flows across multiple files in Figma.Specifically, I want to: Create a component for a flow (multiple screens with interactions) Include prototype interactions (like navigation, transitions, etc.) as part of that component Publish this component as part of a shared library And then use it in other design files without breaking the prototype connections The issue I’m facing is: when I use that published component in another file, the prototype interactions often break or don’t work as expected.Has anyone figured out a clean way to achieve this? Or is there a best practice for making flows reusable with working prototypes across files?Would really appreciate any tips, workarounds, or ideas. 🙏Thanks in advance!

Hi everyone,I’m developing a Figma plugin that extracts design properties from selected nodes, including text styles and color tokens. For text styles, I successfully retrieve the applied style using:const textStyle = figma.getStyleById(node.textStyleId);This works great for identifying and mapping text styles. However, I can’t find a way to get the color variable applied to a node. When inspecting node.fills, I only see the RGB color, but not the token assigned in Figma variables. Example:In Figma, the text color is set using a variable:color: var(--color-foreground-primary, #000); But when I check node.fills in the plugin API, I only get:{ type: "SOLID", color: { r: 0, g: 0, b: 0 }}I tried checking node.boundVariables, but it doesn’t seem to return color-related variables. Questions:1️⃣ Is there any way to get the applied color variable name (e.g., "color-foreground-primary") in a Figma plugin?2️⃣ Can we extract this information from boundVariables, fills, or another API method? If

Hello, I am working on a class project where I am prototyping a map for a small museum space. My goal is to have 4 buttons at the bottom of the display that when tapped, highlight different activities that correspond to each. Attached below is a screenshot of what I have so far (sorry for the lines across I have other interactions). In short I need each button to:when pressed highlight each shape of the corresponding color when pressed again revert those shapes to their default settings allow other buttons to be pressed at the same time, since some activities will correspond to multiple thingsAny help would be greatly appreciated! 

I’m reaching out to see if anyone else has encountered a bug with local variables in Figma. I’ve created local variables (color, text, etc.), but after applying them to components and assets, they sometimes vanish and become detached after a while. This can be frustrating and disrupt the workflow. Has anyone else experienced this? Are there any known workarounds or temporary fixes? Could it be related to a specific Figma version? Thanks in advance for sharing your experiences and any insights!

Hi, I am using an android table to use Figma. Both the actual app and the website run on Chrome won’t give me the option to edit anything. I need to use this app for my class and the time I’ve waisted from trying to figure out what’s wrong is effecting my grade.

I want to use magician but it is asking for an access key. Where can I get the access key?

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