Get Solutions

I’ve created a project in Figma, and it’s working fine—I can also view the React code. However, when I tried to export and run it on my local system, I noticed that a required file, package.json, is missing.Could you please guide me on how to properly run this project locally? I already have the necessary technologies installed on my system.

Download code buttonI spotted the "Download Code" option in the upper right corner of the editor, but I noticed that there is no "package.json" file. Is there any documentation or a way to run these projects locally using my own IDE?

I am conducting a useability study and would like to record the click path my participants use when interacting with the lo-fi prototype.Is there a way to have it automatically record whenever anyone interacts with it? I have no control on the specific time they choose to view it.Thanks.

I was reviewing the Figma MCP server guide, and it mentions that the MCP Client can be requested by submitting details through the https://form.asana.com/?k=kBG-ejRQTdY8x_H6a4vM3Q&d=10497086658021 form.Could you kindly confirm if this is the correct process to obtain access to the MCP Client? I want to access the Figma MCP Server from our own Oauth client credentials. 

Hi all I’m running into the problem of my text not changing if I change my component. Let me run you through the steps I’ve taken: I have a component ‘Wizard step’ with 2 variants for a step indication. Tested this, if I change my text and then change the variant, it remembers the text. Awesome so far. Now I make a component ‘Wizard flow’ with 4 of these steps, because I will use the steps on different frames and I want the texts and prototype noodles to be the same from all these frames. Now I use the ‘Wizard flow’ on my 4 frames. I override the variant of the ‘Wizard step’ to indicate which step is done or not done. Again, so far, so good. But now, if I want to change the naming of my steps in my ‘Wizard flow’ component. What happens is that it only takes it over in the steps where I did not change the variant of the ‘Wizard step’. In the frames where the variant was changed, the old text is still visible. I had a complex setup for making wizard steps with many more variant

Hello, I'm a product designer and I recently had an accident and amputated my left arm. I would like to know if you have a tutorial on how to work only with the mouse. What I missed the most was when duplicating a variant to display the properties (Alt + mouse drag).

Okay, here's the thing. I created a 9-state Toggle Button.  This button component has the following properties:  Style: Filled, Tonal, Outline, Elevated, Error, Information, Accent.(This property refers to the button's colors and style.) Shape: Round to Square, Square to Round, Round, Square.(This property refers to the button's appearance before and after selection.) Type: Unselected, Transition Selecting, Selected, Transition Unselecting, Inactive.(Button states, such as hovered, exist both with the button unselected and with it selected. This property helps differentiate shared states between component variants.) State: Default, Hovered, Focused, Pressed, Enabled, Disabled.(Button states.) Size: xs, sm, md, lg, xl.(Button Sizes) Label Text (Changes the button text). Show Icon (Shows or hides the button icon). So far so good 👍. This button component has an icon and a label text. The icon is imported from an external library, where each icon is a component with a style property (Outl

I’m publishing my site that was built using Figma Make. The DNS is already connected, but the issue is that the latest version of my site is not being pushed live. Everything seems to be set up correctly, yet only the older version shows up.Can anyone help me figure out what might be causing this and how to fix it?

Hello everyone!I’ve been exploring Figma for a while now and have been practicing different designs for both mobile and desktop screens. This time, I wanted to try something new and chose a self-ordering kiosk design for a fictional restaurant. Basically, I’m aiming for a countertop ordering terminal.Right now, I’m a bit unsure about the correct frame size for this type of design. I went with 1920×1080 for now, but I’m not sure if that’s ideal.My second question is about the font size. What would be the most suitable sizes for such a layout?  I’m working on the first three screens right now: a start screen (to begin an order) and another for selecting between take-out and dine-in. After that comes the first menu overview, where I’ll definitely need smaller fonts to fit more information, unlike the two before.Could anyone share some advice on the best frame and font sizes for this kind of kiosk setup? And what is the best way to figure out how to choose the correct one? I know, that usi

I’ve built a component, added a bunch of instances of said component to my layout, and now decided to change one of the font styles in the component. So I go back to the main component, make the change and…nothing. I can’t get all the instances of the component to reflect the change. I also tried changing font size. Same thing. No changes to the instances of the component. Tried color. That works! I can change the color! But not anything else. Is there a way to force these font size/style to change throughout the instances?

When changing an icon’s color in a button component, the color change doesn’t appear on the buttons where the icon has been instance swapped. This was still working yesterday, and I tested it on several projects with different icon sets.

I took dev subscription by mistake and I want to cancel it. Please help me get refund.

Hello Figma Team,I’m a student at the Minneapolis College of Art and Design (Graphic and Web Design, expected graduation 2027). For my coursework, I need access to a project in Figma that my professor invited me to. Unfortunately, I’ve been completely blocked by SheerID’s broken verification process.Here’s what happened: I entered all my details correctly (school, program, dates, etc.). SheerID didn’t respond for days and then simply closed my case, saying they “were unable to process the request.” I offered multiple times to provide documents (passport, student ID, enrollment confirmation), even to join a video call - they just ignored this. I have reached out to Figma support several times, but every time I only get the same response: “Please contact SheerID.” But what am I supposed to do if SheerID does not reply and simply ignores my requests?   This is absolutely unprofessional behavior on SheerID’s side. But in the end, I want to use Figma, not SheerID - and that means Figm

If I have an element under an absolute in the layout, I can click on the element under that absolute, which is very annoying. I have multiple simultaneous clicks in my prototype.

Hi. I’m currently participating in a online bootcamp/school. The bootcamp admins asked for re-verification for all of us students but it’s still in the proces from Figma’s side. (Same as support tickets from the teachers)I tried to submit a support ticket myself, but was told to write here as I’m a student and don’t have a paid plan yet, so no direct support for me 😥The problem:Some of us students have warning that the education status has expired just on the left panel, some of us have it in yellow at the top panel and I myself and few other students are fully "locked" out of our homeworks and can only view thgem without being ablet do rest of them on time to get our marks.  We have last 10 days of our bootcamp and can’t finish it.Is there any way how to sort that kind of a problem? Thanks~

I encountered an odd problem about using “figma.createImage” to create a image hash. I have 3000+ image urls, I want to fetch image data, then convert to image hash  to display. When an error occurs, the console shows: "in :<unknow> Attempted to invoke callback with invalid id -xxxx". Are there any limitations on fetching images in Figma?this is call stack:It seems fine when image requests are fewer than 2,000, but ​​when they exceed 2,000​​, errors often occur. code:interface ImageLoadTask { figmaElement: RectangleNode | FrameNode url: string width: number height: number transform?: number[] depth: number}const ImageLoader = { queue: [] as ImageLoadTask[], MAX_IMAGES_PER_SECOND: 500, isProcessing: false, imageUrl2Hash: {} as Record<string, string>, imageUrl2Promise: {} as Record<string, Promise<string>>, async load( figmaElement: RectangleNode | FrameNode, url: string, width = -1, height = -1, transform?: number[], depth = 0, ): P

Can I somehow skip all the undeletable “custom style” and see my actual work palette as first thing in design mode? 

I’ve been working on a branch for some time and just went to merge it back into master but there’s no option to do so?  I’ve also realised that if i try to copy anything from the branch it doesn’t copy into a new figma file at all, neither can I copy into this branch from master or another figma file either. It’s like the branch itself is no longer there but it does appear in the list of all branches still… I can’t even create a new branch and copy it all over and merge it that way as it doesn’t let me copy the elements!  Has anyone come across this same issue?   

In Figma Slides, when navigating to Grid view, you are able to configure the Page color. But when doing so, nothing changes. The background of the canvas remains #F5F5F5. It would be helpful to be able to differentiate the color of your slides from the background if the slide background is also #F5F5F5 (or a similar light grey).

https://api.figma.com/v1/files/***/nodes?ids=802-10838&geometry=pathsX-Figma-Token: ******Request timeout

I´m creating an application with a certain degree of complexity in terms of functionality, and my design has stopped working.Has this happened to anyone else, where it stops working and the design is completely ruined?request ID: ef5551f8-5b75-4080-8000-000000000000 

All of our team members are facing issue in using figjam related to Memory issues asking to open in recovery mode only.We never faced this issue ever in Miro would really appreciate if there is an hack for this, tried multiple ways but can’t find the option to reduce memory.

We are currently encountering different behaviors between Plugin API and Rest API when exporting images. Under the Group node, there is a Vector node(node1) and a Rectangle node (node2) with opacity set to 0. When exporting images through the Plugin API's exportAsync method, regardless of whether useAbsoluteBounds is set to true or false, the export result is as follows: However, when using the Rest API at https://api.figma.com/v1/images/ to export images:When use_absolute_bounds is set to false, the result is: When use_absolute_bounds is set to true, the result is: It would be best if the export results of both APIs remain consistent with the REST API.

Here is a frame, with 3 comments on the frame: As soon as I turn the frame into a section, the comments scatter. Why does this happen?  

I think I found a bug. Sometimes the “Remove Interaction” button in the interactions disppears. I don’t know what exactly triggers it, but it’s been happening to me a few times. Only way to fix is to restart Figma. I couldn’t take a screen shot of my mouse, but when i hover over where the remove button would be, the tooltip comes up and when i click it does remove the interaction. just doesn’t show up!Specs:Device: Macbook ProVersion: Desktop App 125.7.5