Ask the Community

Hi! I am currently developing an application that interacts with Figma files (updating some nodes) through the Figma API. I am encountering persistent issues. Details of the Issue: Node Information: ID: “yy:yyy” Type: TEXT Current Name “xxxxxxxxxxxx” API Request: Endpoint: PUT [https://api.figma.com/v1/files/{file_key}] Payload: json { “document”: { “id”: “yy:yyy”, “name”: “xxxxxxxxxxxx” } } Headers: X-FIGMA-TOKEN: [Valid API Token] Error Response: Status Code: 404 Not Found Message: { status: 404, err: ‘Not found’ } Additional Information: Figma Account Plan: Professional API Token Permissions: File content (read), Comments (write), Dev resources (write), Webhooks (write) Development Environment: Node.js application using Axios for HTTP requests Request for Assistance: I am seeking your expertise to understand the following: Feasibility: Is it possible to update the name property of a text node using the Figma API? If not, which properties are modifiable? Corr

I know there are variables in Figma Slide. We can create color, string variables in the file, by picking them from existing layers or areas. However we cannot see any panel like this Local variable section in a normal Figma design file. I wonder if it is in progress of adding this same feature in Figma to Figma Slide or, you just forgot to do it. Or may you have some reasons to eliminate this helpful feature from Slides?

hello eveyone, I have creating a plugin similar to Autoflow, Currently I facing the problem on the logic for determining the start and end points is incorrect If I select two frames, the stroke caps sometimes flip because of their positions. The connector doesn’t consistently follow the rule: **First frame = Round Cap, Second frame = Arrow Cap What I want? The first selected frame should always have the round cap, The second selected frame should always have the arrow cap, This should remain consistent regardless of the frame positions, sides, or canvas layout. import { showUI, on, emit } from '@create-figma-plugin/utilities'; type Side = "top" | "right" | "bottom" | "left"; type Point = { x: number; y: number }; let frameA: FrameNode; let frameB: FrameNode; let isDrawingEnabled = true; // Controls whether to draw connectors let trackedFrames: { frameA: FrameNode; frameB: FrameNode; lastBoundsA: Rect; lastBoundsB: Rect; sideA: Side; sideB: Side }[] = []; interface ConnectorCach

Hi Everyone, I made some image carousels where I can click on an arrow to go through the images, the prototype works fine when rendering in Chrome Browser, but when rendering on safari, the carousel doesn’t work and the arrows are not clickable anymore. Any ideas on how to fix this?? Many thanks in advance

The Mask tool is missing from the top-center space and I can’t find it anywhere at all.

HI all. I’ll start with a warning: I am in a huge hurry to get a project completed with Figma and I am still new to the platform so I may not have done enough due diligence to figure this out myself, I’m trying to learn on the go but finding Figma to be a lot less intuitive in some regards than I was expecting. I’m familiar with the concept of multi-state objects, buttons etc and find the process of creating them quite intuitive in Adobe applications but with Figma the process just seems a lot more complicated. I’ve created multiple variants of several buttons to account for hover and click but then all of these variants are appearing in the prototype preview just as they do in the UI (which is also frustrating). Am I missing something really obvious?

Hi, As my team member accidentally moved her personal FigJam file into our team project, I tried to remove editor seats but inadvertently added 3 annual FigJam editor seats with no way to remove them. Do you guys know how can I remove those 3 seats or the only way is to wait for Figma support? I think it’s related to this topic: How can I delete a seat from my paid account? Ask the community Sorry @Gleb, I thought you belonged to Figma, my bad. Well, let’s hope @Figma_Support takes note and maybe improves on this.

Ao tentar logar em alguma conta pelo app desktop, o Figma abre somente no explorer e não carrega a página, tento abrir via outro broswer e não dá certo. When trying to log into an account via the desktop app, Figma only opens in Explorer and does not load the page. I try to open it via another browser and it doesn’t work.

The toolbar is now a floating bar in the centre of the bottom of the page making it look like something has been put in the way of the design space, the same for the left and right sections of the interface, these now feel like immovable boxes on top of my design rather than having a solid, neatly contained design space - I appreciate the extra space, but if that’s what we want, just allow for greater collapsibility of the left and right sections or make things slightly smaller to fit more into one space without compromising on readability. Seeing a tiny sliver of my design on the far side of each sidebar is useless to me - push them flush to the sides. I struggle to navigate the right-hand sidebar, it doesn’t feel intuitive even after 2 weeks of constant use, navigating so many changes brought about in this new layout, slowing me down amid a time-sensitive project.

Hi everyone, I’m reaching out to see if anyone else has encountered an issue with Smart Animate for last few weeks. I’m currently using Smart Animate transitions between frames in my prototype, and I’ve noticed a slight shaking behavior with some of the components within the frames at the very end of the animation and sometimes glitsh badly. Specifics: Functionality: Smart Animate transitions between frames Issue: Components within the frames shake slightly at the end of the animation Additional Information: I’ve tried various troubleshooting steps, such as restarting Figma and clearing the cache, but the issue persists. prototyping interactions

Hello there, I’m struggling with something an I wonder if it is an issue or a missing feature. I can add new text variables in my files but I can’t find a way to edit their value. Is there a way to show the variable control panel like in a classic Figma file ? Is there even a way to edit their value ? Thanks 🙂

Hi, I have a prototype that needs to be tested on mobile devices and is awfully slow and occasionally crushing there (fine when previewing on desktop). Done most of the regularly recommended things like removing invisible layers, fills, necessary frames and component variants, downsizing images to exact size I really need, shadows out, smart animate only where really need etc. Still not really good, so I wonder now: resolution of my images is small, but they are png. Does anyone know, would that affect protype performance? Would jpgs be any better?

Is there any advantage to having a separate layer for the background inside a component as done in Google Material Design, whereas Figma offers solutions to fill a container with a background color without using an additional layer? Is the approach by Material Design considered a legacy method, or is there a specific rationale behind this concept?

Is there a way in Figma to add constraints to shapes inside a union. For example I need to create a modal window with an arrow that keeps it position on resize. Or is there an other way to do this?

Hi everyone! 👋 I’m working on a responsive design in Figma, and I want to be able to switch one component (for example, a sidebar menu) to automatically switch to another component ( like a hamburger menu) when resizing a frame. I’m aware of auto layout, variants, and constraints, but these require manual tweaking or triggers in prototype mode. Is there a plugin or a feature in Figma that can detect the frame size and automatically swap components accordingly for a more dynamic responsive workflow?

Hi everyone, I’m working on replicating Figma elements in a React frontend. The goal is to replicate the exact position, size, and style of the selected element in Figma, using the data sent by the Figma plugin. What I’ve Done I’m receiving the data from the Figma then try to send it to frontend. const selection = figma.currentPage.selection; figma.ui.postMessage({ type: "selection-changed", selection}); In frontend, try to render with that data. useEffect(() => { window.onmessage = (event) => { const { type, selection} = event.data.pluginMessage; if (type === "selection-changed" && selection) { setElements(selection); } }; return () => { window.onmessage = null; }; }, []); return ( <div className="work-board"> <div className="main-board"> <div className="drop-board"> {elements.length === 0 ? ( <p>Select a frame or two to get started</p&

Hello, today I was experimenting until I stumbled apon The Figma Logo > Preferences > Color Profile… Then I changed the Preferred color Profile from sRGB to Display P3 Now I cannot change it to sRGB no matter what, it just toggles it back to Display P3 I have tried changing platforms and devices, I tried using Figma on Chrome and it has the same config set. Unless I change accounts it will have the same issue across all devices and platforms. Can someone tell me what to do? I don’t want to make a new account just because of this 1 bug.

Clicking on the effects is no longer letting me view the settings of an effect. I am working on a MacBook. At some point the toolbox opened, but now it stoped working.

I work with many designers who use the free version of Figma, which I can’t use dev mode for. If I subscribe and have a professional team subscription, can I view the designs of these free accounts with dev mode, or does it only work if those accounts all subscribe individually?

I am exporting an image with shadow and there will be white pixelated halo around it. I tried to follow another similar post with the usage of “Show behind transparent areas” but I can’t find it.

When I need to change it, I find that I can no longer see the effect of the previous Settings. Probably because I copied/pasted the components. I wanted to find a way to see the interaction. In the case of demo/preview You can see the effects of the previous interaction.

Data: 500 - {“detail”:“404: User not found”}Status: 0StatusText: Error Figma App works fine…(with google login) can anyone help ?

Hi I’m having some issue with PDF that I exported in Figma. When I open pdf file with my computer ( with Acrobat ) it has no issue. However when I try to open the same pdf file with my phone it crashes and whenever I scroll down the pages it bumps back up to the first page. Do anyone know how to fix this problem?

If I purchase a seat on an annual plan and assign it to a user, can I later reassign the seat to a different user if needed

I have a frame with two gradients with multiple stops in each. In Dev Mode with the code set to SwiftUI, it shows the two LinearGradients with an array of stops for each. When I change the code to Compose, I get no mention of the gradients, just a couple lines for a Column arrangement and then literally // Child views. This wasn’t the case prior to Dev Mode and now I’m having to ask my Android engineer to translate from the Swift values. Is this something that’s just not wired up yet? (There’s a FigJam · Bugs tag but no Figma · Bugs?)