Report a Problem

When copy/pasting properties from a component with variables to another component without any variables, the values that are pasted are only the variable values, not the variables themselves (see image).

I’ve built a component that has a couple different states (and more importantly, different sizes upon hover and click). I put that component within an auto layout frame and tested the prototype. The features resized correctly, adjusting the autolayout outer frame without issue. As soon as it became a component, the interactions of the nested component broke. I did find a solution, that each variant in the nested component needed to have the same dimensions. I’m wondering if anyone else has experienced this issue. It’s not quite a bug, and more an area of components that I don’t yet understand. Thanks!

After installing the latest release ( version 116.15.4) the Animate matching layers is not working properly. In the attached example I added an animate matching layers when switching from a frame to another and works well if there is no content within the different sub-frames, while it starts to bug when you add content inside. See the full video to understand what I mean. Before the update it was working properly, frames within frames with different names where switching and animating properly, while now there is a delay before the content appears.

This topic is entirely about Figma’s UI. It’s not about sticky scrolling behavior feature that you use when prototyping. The list of layers on the left side, when scrolled just right, can surface an annoying omission: clicking on a layer (on the canvas) doesn’t scroll to the highlighted layer (on the layers sidebar). This is because the parent frame’s item on the list is sticky and covers the highlighted layer. The application thinks the element is fully visible and doesn’t scroll - but it doesn’t know that the sticky element is overlaid on top. See the animation below. This happens very often to me when I’m jumping between layers to name them properly. Proposed solution: In CSS, issues like this are solved by adding the scroll-margin-top property. This adds an invisible margin to the element, which only applies when calculating scroll position. If you set the scroll margin equal to the height of an item, it would solve this issue.

Hi there, when I try to add a file to my favorites the tooltip text states that my limit of 20 favorites is reached. However, when I look at my left sidebar I just have 8 files inside my favorites list. I guess it is a bug? I’m not able to add my other 12 favorites.

Hi, I built the following autolayout: which should look like so: The outer autolayout has a fixed height and width. All the inner layers/autolayouts are set to width & height: fill. But here is what I actually get: And if I change the size of the outer autolayout it changes to something like that: It behaves strangely like so: Here is a link to a draft with the bugged autolayout: Figma Draft (read only) I’m pretty sure this is a bug, but if I did something wrong I would be glad to get some help. Kind Regards

I created a prototype yesterday that had proper working animation. There is an icon that moves and transitions through various states after delays in each frame. Very simple, and yesterday when I stopped working it was fine. Woke up today and the animations are not working correctly. You can see in the attached video that its effectively doubling up the icon and doing some weird fading in and out. The names of the icon layers are the same They are within the same layer grouping I’ve named my screen frames ending with /## to keep things in order You can also see in the video if I remove surrounding content, the issue remains Like I said, worked completely fine yesterday, got up and overnight things dont work. Seems like Figma changed something? Anyone got any insight or help for this?

I am doing my animation and I want to check if my animation component set is working or not, So, I am doing press and hold to copy the component in the main frame. Still, while I was doing this, the hold and press were not working, I also searched for the shortcut key for that but I couldn’t see it anywhere. Please help me to resolve this problem I am facing.

Hi I am developing a plugin for Figma to convert whole design to website. As I was doing the final tests I noticed that when the reaction’s trigger is on mouse_enter, the trigger property of the reaction object is set to an empty object. You can check this by opening the console and create 2 rectangles with reaction set on mouse_enter and then type in console Figma.currentPage.selection[0].reactions[0].trigger and it shows empty object. Try to change it different trigger then every thing is ok. This bug is only happening on mouse_enter and mouse_leave Other triggers working as expected so I think it is a bug When I show(run) this in Figma it working correctly. if you know how Figma fetches this trigger, let me know please

Hello Community, The new update of fimga has messed up giving up CSS rules for shape (rectangle) having background blur. It just shows multiple color listing. @Figma_Support can you please look into this? Kind Regards, Divy

I’m having trouble setting a component that changes the state of its parent. I have done this flux: Create component A with default and hover variant Create component B with two variants (dropdown closed and open) Add component A as a child of component B. Add an On click → Change to interaction to the instance of component A. The two variants of component B will show up as options under the variant drop-down; you can open the drop-down, but you cannot select any variant besides the one that is already selected Is this a bug of Figma? Or is my fault?

When we assign a text style to a text frame, we lose access to the “details” tab. Therefore, if the text frame is not updated with the new text rendering method (update from last year if I remember correctly), assigning text style (that has this update accepted) doesn’t inherit the update. As we don’t have access to details after assigning the style we cannot accept the update otherwise than detaching style, updating, and reassigning style. Link to test playground: https://www.figma.com/file/NtqkUTg1cZXKHdusCtDMqk/Text-style-bug?type=design&node-id=0%3A1&mode=design&t=kuVM7xMPfCGzt57N-1

Hi, here is the example file: https://www.figma.com/file/AiYlhJZEIXMnLqZkF0rIj6/instance-bug?type=design&node-id=0%3A1&mode=design&t=EpBK27WgZu0y2aTv-1 Try to run prorotype flow 1 and flow 2 flow 1 is for instance of component and flow 2 is for detached instance First case - vertical transition/animation is croped And second case - it works properly.

Edit to: provide a more detailed error description and reclassify this as a possible API bug. I’m upgrading an existing plugin from React 17 to 18 and Webpack 4 to 5. I used the webpack-react sample plugin as source for the Webpack config file. Production builds are fine, but development builds break when it tries to bring up the UI. The issue remained when I backed off to React 17. I see this on the console: VM12806:4282 Uncaught SyntaxError: Unexpected end of input at onmessage (data:text/html;base64,PHNj … onmessage @ data:text/html;base64,PHNjcmlw … postMessage (async) innerIframeElement.onload @ Figma_app.min.js.br:1428 load (async) g4r @ Figma_app.min.js.br:1428 createInnerIframe @ Figma_app.min.js.br:1448 makeIframe @ Figma_app.min.js.br:1448 cb @ Figma_app.min.js.br:1522 (anonymous) @ Figma_app.min.js.br:1495 (anonymous) @ Figma_app.min.js.br:705 showUI @ VM12140:7 eval @ VM12265 PLUGIN_39_SOURCE:7854 eval @ VM12265 PLUGIN_39_SOURCE:8722 eval @ VM12265 PLUGIN_39_SOURCE:8724 ev

Hello, the context : in a page of a Figma file, I have a component with several variants in the same Figma file, I have another page which there’s a handoff section with ready for dev activated in the handoff section there are instances of all the variants of my component my problem : when I modify the variants of my component, then switch to Dev Mode, I go to my handoff section, and the compare changes are missing some instances that have all been modified indirectly by the modification of the variants. Am I only one to notice forgotten change notifications ?

Hello! I am developing an interactive plugin with asynchronous functions, and suddenly when I ran the development file I received a error I didn’t see before: ReferenceError: regeneratorRuntime is not defined. Here’s the full error code: ReferenceError: regeneratorRuntime is not defined at eval (eval at <anonymous> (eval at createScopedEvaluatorFactory (1d4564d8-5e8b-4125-a68a-5dfbedf1e353:1:1)), <anonymous>:3:20) at ./node_modules/@babel/runtime/regenerator/index.js (VM1251 PLUGIN_5_SOURCE:548:44) at __webpack_require__ (VM1251 PLUGIN_5_SOURCE:20:30) at ./src/plugin/controller.js (VM1251 PLUGIN_5_SOURCE:857:84) at __webpack_require__ (VM1251 PLUGIN_5_SOURCE:20:30) at eval (VM1251 PLUGIN_5_SOURCE:84:18) at Proxy.eval (VM1251 PLUGIN_5_SOURCE:87:10) at Object.eval (eval at createScopedEvaluatorFactory (1d4564d8-5e8b-4125-a68a-5dfbedf1e353:1:1), <anonymous>:8:16) at 1d4564d8-5e8b-4125-a68a-5dfbedf1e353:9:1235 at 1d4564d8-5e8b-4125-

Repro steps: Use Windows Figma Desktop App (Pro version) Open Local Variables widget Create a collection called: “Text Tokens” Inside the collection, create a string variable called: “Axis Parameters/Parameter_Properties” Duplicate this variable twice, such that you have three string variables total. The first is “Parameter_Properties”, the second is “Data_Display” and the third is “Ratio_Denominator” Create new variable modes such that you have four modes total. Name them: “English”, “Japanese”, “German”, “Chinese”, in that order Outside of Figma, open a browser search tab, and retrieve the English-to-Japanese translation for “Parameter Properties”. Copy the translation and paste it into the Parameter Properties:Japanese field. Be sure to use the Japanese script, NOT the alpha-numeric characters. Repeat this process for the translations to German and Chinese Simplified. Repeat the above steps for the “Data Display” and “Ratio Denominator” fields. You should now have three variable va

When placing a child group at the top of its parent group, it places the parent group at the top.

Scaling breaks in component instances if a variable was used for the initial sizing. The instance does not match its source component. Here is an example of the problem.Figma

As the title suggests, when attempting to change the background color of an overlay by selecting from my local colors, the cursor changes to the color picker and I’m unable to select the color. Is this a bug or am I missing something here? 😂

I have recently developed a plugin that requires network access to certain domains, so I have individually specified them in the manifest.json. For some reason, the code in the published version is not updating, and even after publishing after correcting the code, still the code is not updating.

Hi Figma I have a bug for a Deleted file, when I deleted the file it did not appear in the Deleted Folder so now I can’t restore it. Also, the file was created by someone else on the team.

I built an icon button with a tooltip experience. However, tooltip names are not being updated while presenting mode, it stuck with the default component text. Text set up: But when presenting, it still looks with the default component text: It blocks interactive components to be used in many cases, so I have to go manual for now.

1. Describe the bug/issue you’re running into? Copied text from figma text layer can’t be pasted to the figjam active text layer that already has been edited. But It works when nothing is selected in figjam and you just pasting the text into the canvas, so the new text layer created automatically 2. Are you able to consistently reproduce it? If so what are the steps? Click to edit the text layer in the figma Select the contents and press Cmd+C Navigate to the figjam file Create text layer in figjam Enter something in the recently created text layer and leave it focused Press Cmd+V Nothing happens 3. Share a screenshot, recording, console log, link to the file, etc. 4. Is the issue only happening in desktop app or a specific browser , or both? Tried only in desktop app 5. What OS/version and/or browser/version are you using? macOS Big Sur 11.2.3 (20D91) Figma Desktop App version 97.7

Imported sketch film, converting to new design system. when i change the component, it renders wrong.