Report a Problem

I have two component’s in my prototype. BUTTON COMPONENT A typical button with props for state=[resting|hover], text={string} and Icon={string}. It changes states with “while hovering” interaction and updates it’s state prop from resting to hover. The hover state has different fill and stroke, so while hovering the button changes design. Pretty standard button stuff. SHOW MORE COMPONENT A section off truncated text that can be expanded to view the full text. It has props content={string} and state=[open|closed] The component has a nested BUTTON the user can click on the toggle READ MORE’s state between state=open and state=closed. Depending on state=[open|closed] the instance of BUTTON will have different values for text and icon, i.g.: expanded=true has button[text="less", icon="minus"] expanded=false has button[text="more", icon="plus"] THE PROBLEM In my prototype the BUTTON props are fixed to whatever they were on first render. BUTTON will not update new values for text or icon wh

I’m implementing a drag and drop feature from a plugin to the canvas loading a component, but no matter what I do the macOs/webkit animation is to make the image return to the plugin window before the drop event fires and allow me to import the plugin. any possible way to implement what Figma does natively? (which is accept dropping animation) although the image below is not from my work, the result is the same, you can see the gray rectangle going back to the plugin window (which is a webkit behavior)

In the intro paragraph, the example given for the plugin manifest is invalid. The valid value for “allowedDomains” is ["none"], not "none". Additionally, "devAllowedDomains" cannot be set to "none" as validation complains that “none” is not a valid url. { "name": "MyPlugin", "id": "737805260747778092", "api": "1.0.0", "main": "code.js", "ui": "ui.html", "documentAccess": "dynamic-page", "networkAccess": { "allowedDomains": "none", "devAllowedDomains": "none" } }

Hi team, With the new multi select/edit text, when using this function across different breakpoints the fonts styles are being replacedto match the edited field. If the edit prompt field is in a desktop frame it will replace our mobile frame with the same desktop font styling. Is there a way to make edits to the copy without the styling being replaced?

If I override the text in the instance of a variant which will be shown in my prototype, then have an interactive version of that component switch to that variant, the text is showing the default property. Is this normal?

1. Describe the bug/issue you’re running into? I can’t simply draw an arrow from one box to the other. Every time I want to connect two boxes I have to add a new box with an automatically added arrow, drag this arrow to the box I want and then delete the unnecessarily created box. 2. Are you able to consistently reproduce it? If so what are the steps? Yes, it’s not really a bug, but would be more user friendly to have this feature. 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? Probably both. Tried on desktop mac app. 5. What OS/version and/or browser/version are you using? macOS Big Sur 11.2.1

Hi there， I found that if the graphic is not filling a full pixel, the exported image will be cutted, is this a bug? Cheers

Hi, following the recently launched feature that allow us to copy/paste some elements directly from the version history, I found a very annoying bug: When I copy a frame that includes instances, and paste it onto the current version, the frame turns out to be blank, and the instance detached. The only way for me to preserve the design is to do it the “old way” by duplicating the history into another file and then copy/paste from here. Which is quite counterproductive with the new feature :/. Did anyone else encounter a similar issue?

Hi, I need recommendations or any workaround. I am currently working on a mobile prototype. I have a scrollable container, and each of the components inside have a While Pressing action. Now, the problem is when I try to scroll, the While Pressing disrupts the scrolling. Thanks.

I’ve spent a long time translating a colours in my design system into variable. Now for some reason I can no longer create a variable in a group for example Moss / 300 If I trying to create a new variable in this group it will create a duplicate of that group. There is no way of creating a variable in any previously created group without it creating a duplicate. Has anyone else noticed this bug and found a solution?

Hey community! Following use case: I have several illustration components. Instances of these illustration components are used within various other main components. Depending on the context and requirements of the parent component, I scale the illustration instances differently using the scale tool. When I perform an instance swap of an illustration within a parent component, any scaled values like rounded corners and stroke sizes are reset to their default values. This issue does not occur when the illustration instance is used directly (not nested within another component) and then swapped. My attempts to resolve the issue: I tried converting the separate illustration components into variants to see if that would maintain the scaled values upon swapping, but the problem remains. Overriding the strokes and rounded corners manually for each instance is not feasible. Given the number of adjustments needed across all illustrations, this approach won’t scale (pun intended). A simplifi

I encounter the following error when attempting to merge a branch into a library file.

Im trying to get my advanced check list to work but im having an issue with the #count and #total. As you see in the pictures, I have set the condition to if #conunt==#total, change the variable in the component Alla (checkbox) to “Checked”. But when the #counter hits 6, the component dosnt change to the “Checked” state. I have checked the spelling, and its correct. I have also connected all the variables. Is there something im missing? Im not a programmer but i undersand the logic, so you should see me more as a nuub 🙂

The text in the component often fails to display properly for unknown reasons. The same problem occurs when tested on different device. It has been found that when an account without editing permissions accesses the file, the missing text will not appear no matter what. However, when an account with editing permissions clicks on the missing text, it will appear. This issue has caused me a lot of trouble during presentation and collaborations. People who don’t have edit permission can’t do anything when this issue occurs. The way your team suggested before, “use [regenerate all instances]” doesn’t work out to them neither. I’m really stressful with this bug for 2 years.

I’m workig on Typescale Garden Import Tool, specifically on my plugin’s font import. I’ve found a couple fonts like Space Grotestk SemiBold This is the format of all font variants I’m requesting (they all work but SemiBold) {"family":"Space Grotesk","style":"Light"} {"family":"Space Grotesk","style":"Regular"} {"family":"Space Grotesk","style":"Medium"} {"family":"Space Grotesk","style":"SemiBold"} {"family":"Space Grotesk","style":"Bold"} This is the load error when calling The font "Space Grotesk SemiBold" could not be loaded This is the error when trying to create the text style for the font that failed in set_fontName: Cannot use unloaded font "Space Grotesk SemiBold". Please call figma.loadFontAsync({ family: "Space Grotesk", style: "SemiBold" }) and await the returned promise first." The code for the plugin is available here at it’s monorepo under the plugin folderGitHub Thanks for your support, Best regards!

Hi! As of lately I run into memory usage issue when trying to update branches from main. The resource usage overlay shows a number around 0.3 G, which is well below the 60% of 2.0 G threshold, so working with the file didn’t trigger any memory warnings so far. But when working in a branch and trying to update from main, I recently started to run into warnings while going through the “resolve conflicts” dialog. It starts with the yellow warning banner, with every resolved conflict the shown memory usage % increases, the banner becomes red and ultimately I get to see the “File out of memory” message and can’t continue. I wonder if this is just a temporary limitation/bug of the beta or if it would be advisable for the future to keep files well below the 0.3 G to use the branching feature. Anyway, hope this helps, thank you!

Figma isn’t working on firefox. It worked well until yesterday. Today when I tried opening, immediately after loading the entire system hangs. No keyboard/mouse inputs work. I had to force shutdown my system. Re checked with my team mates. This problem only occurs in Firefox. Figma is working well in other browsers such as Chrome, Brave, etc.

This topic is also addressed in this thread, but there were no responses to it. In my scenario, if the mouse is being held down, the mouse leave event doesn’t fire. I’ve wired up a basic component that illustrates this- the orange box changes to red when mouse down fires, and the resulting red box should change to purple on mouse leave (or orange on mouse up). However, the box does not change to purple until I stop holding down my mouse. Here is the prototype and a video of the resulting interaction: I’ve tested this type of interaction using raw JS in an empty webpage, and Figma does not behave in a consistent way: the mouseleave JS event still fires even while the mouse is held down. I haven’t tried this with other Figma mouse interactions, but the OP of the thread I mentioned earlier seems to indicate that none of the mouse events properly fire while the mouse is held down. This is holding back my prototype and I can’t find any documentation that would indicate that this is the

sometimes meet 1 or 2 times in one day when input chinese words with sougou input app

the video will explain itself, please help. thank you.

If you’ve enabled the developer mode seat, granting view access to the respective email ID should allow users to access the code format in Figma. However, even if you have a full seat enabled in view mode, the code snippet in developer mode remains invisible, posing a problem, Check below screen shots fore reference: Yameen 👓 has full seat yet cannot see Code in dev mode The User has View access and also have Full seat Permission is provided to user

We ran into an issue building out a widget: duplicating it on the artboard does not seem to cause it to run a render cycle. The duplicated widget matches the original (including state data). Our widget displays information based on the other instances of the same widget on the artboard (counts, etc.), so all of that information is inaccurate after duplication until a user interacts with one of the widget instances. Are we missing a way to force a render cycle on duplication?

Hi everyone, I have a question that needs your help, please see the problem description below. Thanks and I really appreciate your help! Context: The Icon container is the first component with size variant and instance swap property, while the Icon button is the second component that refers to the Icon container component with additional properties. Problem: There seems to be an issue with the icon button instance as it is not retaining the correct color after swapping the instance. Although it worked initially in some cases, after making a few changes such as 1. swapping the icon, 2. changing the size, 3. type, and 4. toggling between different states, it stopped functioning properly. Please see the example below for reference: Figma file you can find it here: **Notes: ** The icon layers have been cleaned up.(same layer name, structure and setup)

As shown in the screenshot above, this master component has 4 different states - requests of 4 different dollar amounts can be sent depending on the user’s selection; additionally, for each of these 4 different states, the X button in the top right corner is set to on click > close overlay (see below). Other than that, as you can see, when clicking on the respective options, this component is supposed to switch to a specific state with a certain option highlighted; all state switching interactions are triggered by on click, the same as the close overlay of the X button in the top right corner. Now, I have published this file and added an instance of this “request fund” component in another file. I set this “request fund” instance to be an overlay that shows up when one element in a frame is clicked on. After the overlay is displayed as I click on the trigger element, I found that for this “request fund” instance, the switching between states with different options highlighted work

I use 3 Figma accounts, and while I’m working in one of these accounts I can see files from 2 other accounts in the Recents tab. It’s very unsafe behavior. I’m sure that in every particular account I must see only those files, I have access to as a viewer/editor.