Ask the Community

In my code.ts I have a JPEG image that’s been converted to base64 and I am attempting to use it as the imageHash value but am getting Invalid SHA1 hash error. const img = '/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAA... const rect = figma.createRectangle(); rect.fills = [{ type: 'IMAGE', scaleMode: 'FIT', imageHash: img }]; figma.currentPage.appendChild(rect); What conversion needs to happen to the base64 string in order to use it this way?

If I have a Figma Professional License and another team member has a Figma Organization License, and we are working on the same project within the same organization, is there a way for us to collaborate on the files effectively?

Hello! I’m pretty new to Figma, I used to work with Adobe XD before. This is the problem i’m dealing with: I have made several groups of components within a frame. When i’m working in one of these groups and I want to insert a component from another library into this group, this component will always appear as the top layer of the frame. Then I have to find it in the layers and drag it into the right group. Is there a way to insert a component directly into the group i’m working in?

Please, help to understend it. I want to see my token as grid, but can’t. Only like list

I have made a tile component with a nested slot, that slot yields auto layout and is set to hug for both width and height. When I swap instances the width and height doesn’t change. This has happened to be in the past and actually never found the solution.

I have been asked to prototype something like this in Figma. I need to be able to have all these variables interact with one another. I haven’t been able to find a tutorial for something this complex on Skillshare, or YouTube. Does anyone else have a tutorial I haven’t found? I started this morning trying to get variables going to simply set an active state on a swatch. That was all fine and dandy until I realized I couldn’t get selecting one variable to deselect another variable. I spent hours trying to figure that out and ended up breaking what I had How would you approach setting up these variables? Possible interactions include: Customer selects a material base Customer selects a finish for findings Customer selects a dimension Making a selection shows specific SKU If selection is on sale, change the price accordingly

Hi, i’m working with custom plugin, i just thinking about how we can connect with the code that generated from code connect ? As the image above, so i just want to access this code

The pixel spacing appeared to be 0.5, even though I turned on pixel alignment, this still happened. I used the Source Black font Opened aligning pixels： The result is still 0.5 times the pixel count：

I can not see how I can change component boolean property in the prototype. For example - On click an icon appears. The icon is tied to an on/off property. Am I missing something in the new UI? I think it was an option before. All I see now is a dropdown I can use to switch to other variants.

I’m building a very simple prototype to run a tiny user test. The prototype has 1 single flow, 1 page with a scrolling effect, and the rest of the pages use “on click” > “navigate to” > “artboard X” with a basic “instant” animation. The prototype works perfectly fine on mobile and desktop, but on iPad (both via the Figma app and via a browser such as Safari, Mozilla, and Duckduckgo) everything is broken. I have a vertical scrolling container with 4 cards inside. Each card links to a different page. If I touch the screen to scroll, but my finger touches one of the cards, I’m automatically redirected to the card’s link. So, it looks like 2 interactions cannot happen on the same area of the screen. This doesn’t happen on desktop and mobile. Any other elements outside the scrolling frame (within the same artboard) lose their interactions. I have set a simple top right button that I keep on clicking, but it simply doesn’t work. I’ve realized this is because, as I said before, diff

Hello! We have Figma for Jira application installed in our Jira Datacenter edition. Currently installed version of the app is 2.4.3 and the Jira is 9.8.0 We are during the process of migration to Jira in Cloud that is why we are no longer able to update this application to newer version For few weeks now we started seeing the issue that we are no longer able to add URLs to specific elements in Figma with error “The provided URL does not appear to link to a Figma file.” It was working before and URLs to whole files are still working Examples: Working link: https://www.figma.com/file/4sbN*************Rf9X/?node-id=******** NOT working link: https://www.figma.com/design/4sb***************Rf9X/�*************a]-Design-System?m=auto&node-id=***************=WO***************8-1

The “new” UI is confusing and takes a lot more time to create or edit something very simple. Ihas no test edit option. Everything is built for developers not designsers.

im trying to make a hover interaction when the user hovers on the default variant and then it will change to the hover variant which the hover variant has a different navbar color.i followed steps,so i created a component and inside it i created the 2 variants and default and hover.the size is all correct for both variants,i selected the entire default variant and added a hover interaction with the action change to hover variant.i dont know what is wrong,when i head to presentation mode it doesnt work

I cannot remove the space before the characters, they are there when I create a “text”…

I created a list view component in Figma using Auto Layout, where each list item has a different height. In the main component, replacing individual list items correctly applies their unique heights. However, when I use an instance of the List View component, all the list items’ heights are fixed to one value. It seems strange since it works properly in the main component but not in instance. Is this a bug? If there’s a solution, please let me know.

Hi Figma Community, I’m trying to dynamically autofit text within a parent frame, similar to what’s shown on this website: https://www.neoculturalcouture.com/. When you change the window size, the text adapts to fit, but I couldn’t find any videos or tutorials explaining how to achieve this in Figma. Do you have any recommendations? Thank you

is there a way to export the Figma data including the interactions in some raw data from ?

Hi! I have been using Figma for 4 years, Why am I not able to access Figma AI in Figma design? Although : I have access to Figma AI in FigJam AI is enabled in Admin settings. I have access to UI3 Thanks in advance!

1、Team Fonts Online：Pls dont teach me install font installer and search my font in Figma. Would u like to make team font online? Once team member want to use the design file or view, the team font can be used directly instead of installing font on mac or others. 2、Favorite Font：By the other side, would you like to make font list seperated like “my favorite” & “all”, in this way, we can find my favorte font direct instead of rolling to find. 3、Setting/Team Font Default：now the Figma default font is inter, everytime i create new file, I need to set the font again and again. I have paid the Figma for 3 years, pls help us. we love u but u r a little slower to upgrade the functions.

Hi, i’m new at plugin development and i’ve been trying to import this library into my project import { Hct } from “@material/material-color-utilities” when I write this statemente on my code.ts file, it shows me this error when I run it on Figma. I’ve already made a bundle using webpack but it didn’t work, also I tried with the example which is in the Figma documentation about bundles and libraries and it showed me the same error. I don’t know if nowadays it’s not possible to import external dependencies to a file.ts in Figma. Here is the documentation I’ve been using for this. Really appreciate any help 😦 Libraries and Bundling | Plugin API

I am trying to create an interactive component that can be reused across multiple Figma files. I want to be able to open a variant as an overlay while hovering but when I select “Open overlay”, it does not provide me with the option to select the variant as the overlay. Please help me understand what is going wrong.

I’m writing to express our frustration as we’ve been waiting for nearly 2 weeks without a response from Figma’s support team. My team and I submitted an inquiry and have been eagerly awaiting assistance, but so far, we’ve heard nothing back. We are in the process of creating a prototype for our startup and urgently need access to additional features, specifically the ability to add more than 4 modes for each variable. This is a critical feature for us, and we’re feeling stuck without it. Any guidance on how we can get in touch with the right people would be greatly appreciated.

I want to create a responsive toggle element for my design system, with a text+image label for both sides (selected / unselected states). The text length may be different depending on the feature. But, I want my toggle to do an equal width for both sides, adding padding where needed to the side with shorter text, to ensure the “split” between the 2 is in the middle of the element. To show what I mean, the top image is the current implementation using hug/auto layouts and padding - the shorter label’s side is narrower. I want to achieve the bottom variant, obviously I can do it by hand but I want to make the component responsive so I can type whatever label I want and it would do it? Is this possible?

Hi I’m a newbie on Figma I usually design on Adobe Illustration, and I’ve wondering if Figma can do this? like when click on the button the Textbox will pop-up behind the button icon. I know there’s an Overlay option in prototype mode but it still show in front of the Icon. but in Figma it’ll only show in front of the icon. thank you in advance.