Report a Problem

In this example, List will get different props.children value. And here are my codes: const { AutoLayout, Text } = figma.widget; function List(props: any) { console.log('List children length', props.children.length, props.children); return <AutoLayout name={props.name}>{props.children}</AutoLayout>; } export function MenuUsage() { return ( <AutoLayout> <List> {[1, 2].map((number) => ( <Text key={number}>{`${number}`}</Text> ))} </List> <List children={[3, 4].map((number) => ( <Text key={number}>{`${number}`}</Text> ))} ></List> </AutoLayout> ); }

I’m getting a weird bug, i’m using createImageAsync within a widget (placed in Figma, not FigJam) and loading an external image. after browsing docs and changing the manifest to contain ‘allowDomains’… it still doesn’t work. the weird part is looking at the console I can see the image loaded correctly. in the code I’m using async/await within try/catch… but no error is thrown out. any suggestions? piece of the code below Network tab in console

When I use the color selections on a text item with multiple text, it just doesn’t work

I’ve been trying with no success to use “Set variable” interactions with variants. I have a simple chip component with Default, Hover, Active and Selected states. When clicking it, i want to toggle the right chip visibility to “true”. Since the component have states, i want to toggle the layer visible with my “Mouse up” interaction in my Active state before selecting it. The problem is that when setting the variant back to it’s default state, it seems that the interactions is not registered, wich makes no sense considering that all the other state transitions/interaction still works as expected.

Devmode beta: It’s missing the font weight property while regularly, you’d see all text properties.

Hello everyone, I wanted to share a problem I’ve been facing with a button component that has variables applied to it. The issue arises when I try to change an instance’s size property. Instead of resizing to the predefined values set in the component, the button glitches and resizes to a different size altogether. However, when I remove the applied variables from the components, the instances behave normally. Has anyone else encountered a similar problem?

1. Describe the bug/issue you’re running into? I have been granted permissions to edit, both from the team I belong to and specifically for my account. I am not able to edit, I’m stuck in view-only mode. All of my team members can edit. This issue is the same in-browser and in the desktop app. 2. Are you able to consistently reproduce it? If so what are the steps? Go to the file: https://www.figma.com/file/pJPdWYHhzUFZNBBjSKsJMI/Brand-Refresh-Component-Update?node-id=0%3A1 Be signed in as me: [email redacted] Attempt to edit. 3. Share a screenshot, recording, console log, link to the file, etc.Evernote 4. Is the issue only happening in desktop app or a specific browser , or both? Both 5. What OS/version and/or browser/version are you using? macOS Catalina 10.15.7

I am trying to add a function to a widget I am currently developing that changes the width of text with the touch of a button. I have implemented this so that the width of the text is held in a variable using useSyncedState and can be switched between a fixed value and “hug-content”. If width is a fixed value, it works as expected, but when switching from a fixed value to “hug-content”, it is not reflected in the width of the Text layer. Here is the sample code. const { widget } = figma const { useSyncedState, AutoLayout, Text} = widget function Widget() { const [textWidth, setTextWidth] = useSyncedState<WidgetJSX.AutolayoutSize>('textWidth', 'hug-contents') return ( <AutoLayout direction="vertical" > <Text fill={"#cc0000"} onClick={() => { if(textWidth === 'hug-contents'){ setTextWidth(300) }else{ setTextWidth('hug-contents') } }} > {'textWidt

I’ve recently started using variables for prototypes and I noticed that when variable is set after an interaction it is breaking my text styling. In the design file, I am using a bold typeface but after the interaction it changes to a lighter one. Has anyone seen this? any solutions?

So the thing in a topic name. The video as an evidence As soon as i put the component into frame in stop sync.

Cannot merge or update branch. I only got the message »Error occured«. This error occurs if I want to update the branch from the original and if I want to merge the branch into the main file.

I’m sure the variables settings that i removed came back after i restarted Figma application. I tested it multiple times. lets say I have a flow with 15 frames, the variables settings came back in the first 2-4 frames. I’m not sure what is wrong.

Hello! While doing some discovery work on publishing Variables from a library I stumbled onto quite the bug. This bug involves Styles, Variables, and the ability to change a Style definition outside of the publishing file. It’s a doozie! I have included a video below showing how to replicate the issue.

It’s a very specific case that I can reproduce the bug. I’ve also recorded a video to be more specific. Open the preview pop-up Have it positioned where the colour picker tool shows Click the colour selector pin and drag it outside of the colour picker tool While mouse click is down, keep the cursor over the preview BUG: On the mouse up, the colour picker picks up white instead the desired colour. Figma version: Figma Beta Desktop App version 116.12 - Silicon version OS Version: 13.4.1 (22F82) Video

Ok, this is likely an edge case… For our design system library, I used to be able to have a bunch of vector icons each separately wrapped in a frame set as a component within a larger variant. By default we would set the icons to be centered within the frame as we wanted to limit the sizes available to a set of sizes based on the overall component size (e.g. 24x24, 16x16, 12x12, etc). When adding a group of new icons they would be set to scale. I would be able to select all the icons duplicate them and resize to the default sizes by the height and they would proportionally resize. However, the dimensions may not always be a perfect square. Some icons would be narrower than others. I would then set the constraint to center and then resize the widths. In resizing the widths some oddity occurs, I assume around staying to whole pixels for position, the smaller icons may shift to the left from being in the center of the parent frame. Then here is where things are really breaking… With all t

figma 中显示这款字体有问题，求助怎么解决，看上去想中日字混淆了

Clicking or hovering an interactive component while zoomed in on a prototype suddenly reverts the prototype to 100%. This happens when the prototype is set to “100% - Set to full size” as this is the only setting that allows zooming with the ‘+’ or '-" keys. This behaviour does not occur on a standard overlay, the screen remains at the zoomed in position. This is a recent bug as was previously not an issue. Has anyone else experienced this or have a solution?

I was using a notes plugin, it was very similar to a notepad, but today it disappeared from my Figma and along with it all my notes. The notes were very valuable, so if anyone has any ideas on how to recover them, I still hope to find a text file somewhere, but so far nothing.

How can I find out whether a node‘s itemSpacing is set to „Auto“? For instance, if the user previously set the itemSpacing to 20 and then sets it to Auto, the itemSpacing still returns 20.

Hello all! I am getting support response for this issue, but in the meantime, I also need to consider alternative solutions as clients are waiting. So, I need the collective brain. Since last week, the guest links we send for prototype reviews started asking for a Figma account, no matter what the sharing settings are (i.e., anyone can view, edit, etc.) The links are redirecting our clients to figma.com/email_only Is anyone else having the same issue? If so, what is your workaround? Our company uses SSO, if that is of any relevance.

Per the documentation, plugins should be able to access the new figma.teamLibrary object when the manifest is configured with “permissions”: [“teamlibrary”]. I’ve got a Figma with a team library which is visible from the developer console window: > figma.teamLibrary > {getAvailableLibraryVariableCollectionsAsync: ƒ, getVariablesInLibraryCollectionAsync: ƒ} However, when I try to access this object from a plugin in development which has the permissions configured in the manifest then figma.teamLibrary returns as *undefined* From the plugin I can log the figma object to the console and see that, in fact “teamLibrary” is missing. Anyone had success accessing teamLibrary from a plugin yet?

Hi everyone, I implemented the new relic with my Figma plugin for metrics collections and so far it was working well. but suddenly it stopped working, and there is no change in the code at all. So basically it was working fine 2-3 weeks ago and today it stopped working. I assume something might have changed due to Figma app updates (Can anyone confirm if there are any changes in the new update that could affect this). Technical context, once the plugin loads the new relic sdk gets loaded, and then every 30 seconds it sends a xhr request to new relic with metric updates. and now those xhr requests stopped happening (Not even coming up on network tab), there is no error in the console as well and I have checked the exact same sdk work from the normal HTML file, just not working from the plugin. Any help or guidance on further investigation will greatly help.

Hi there good people, I am relatively new to figma land i am not sure if this is a bug or that i am missing something due to in experience. I am trying to make a simple vertical scroll for profile window of a parenting app mock up. And all the elements of the frame are together, some in mini sub groups, but all together clickable in one group on and off. But after i change this group to frame (in order to make it vertical scrolling in prototype) and drag the same group as frame to phone frame, certain elements, like the email verification text and symbol, details from the profile info, drag up with me dragging the frame. Here have a look: As if they are on a different layer or frame… but theyre not. Its quite frustrating as you can imagine. Any help or pointers would be greatly appreciated. Niall

Hi I have the following SVG that I am trying to import into Figma using the Plugin API figma.createNodeFromSvg(). <svg width="100%" height="100%" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.6663 10.802L12.2212 20.247L7.5 15.5245" stroke="url(#paint0_linear_1066_80462)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_1066_80462" x1="7.5" y1="14.928" x2="13.9761" y2="14.8028" gradientUnits="userSpaceOnUse"> <stop stop-color="#D6733A"/> <stop offset="0.5" stop-color="#EDA043"/> <stop offset="1" stop-color="#F5C145"/> </linearGradient> </defs> </svg> I get the following error on the Figma Developer Tools console while importing figma_app.min.js.br:16 Uncaught Error: "failed to invert transform" in addGradientPaint (FGSvgParser.cpp) at _reportError (compiled_wasm.js.br:2:107233) at _Support_reportError (compiled_wasm.js.br:2:155

I’m building a plugin for figma in js + typescript. In a desktop application, when I output SceneNode, there is a playbackSettings property there. There is no such property in the documentation and typescript swears that there is no such property. What is it for?