Ask the Community

Im trying to combine the scrollto action on a press with a conditional variable. I want a button to scroll an image to a point and then when its there to scroll back to the start. If I set a boolean to false then once scroll has complete set it to true i should be able to nest the scrollto action in a condition if true scrollto 500,500 else scrollto 0,0 set boolean = not boolean but when i add this to a button the inital scroll works but the return doesnt I have set an additonal graphic’s visibility linked to the variable so I know the true flase is getting switched is there any reason why this wouldnt work? has anyone got scrollto to work inside a conditional statement?

I find myself newly being expected to do production-level repetitive text edits to Figma layouts. Until I find a new position, I was hoping there’s a method or plugin to relieve some of the tedium and human error. CopyDoc seems decent, but my company would spend a year doing a tech solution review, even if they would agree to pay for it. I can’t use the Ditto and Google Sheets Sync plugins with the marcom staff as we can’t use those sorts of outside file-hosing systems (financial sector). Text Porter doesn’t look like it would accommodate my needs. I’m designing for a heavily templatized CMS. I would love to load in a new text (or spreadsheet) doc and automatically update existing text, and do this repeatedly. Can anyone recommend a workflow (with or without plugins) for this sort of tedious work?

Below is the context and details of the problem I am experiencing. Any suggestions to resolve are welcomed. I have a published component that is no longer showing up in the assets panel as expected. Details/observations: when in the assets panel, and the specific library that the component is in is selected, the component Tabs does not show. when I select “all libraries” the component shows as an option when I ‘Go to main component’ it directs me to the component, in the library I have made changes to the component, but the “publish” button no longer displays when I search for the component, and older version of that component that was deleted pops up in the results, but not the current, master component. when the “all libraries” is selected, and I click on the (correct) Tabs component, there is an error in the preview panel. But the old/deleted component shows it’s preview with no issues. I have tried clearing cache and restarting both the app and browser. Others are experiencing th

I’ve been working on this dashboard and I’m having trouble with the secondary side-navigation bar and the detail panel. When expanding the frame, the navigation bar expands first, followed by the detail panel. I need them to move simultaneously, but I’ve been stuck on this for the past three days. Any advice would be greatly appreciated! 😭 😭 Link to Figma file: https://www.figma.com/design/IlGEYfpsvQHS4Uu6SLXF0d/Dashboard?node-id=0-1&t=PycjxAvJGMYt0hO8-1

The blurred vector shape looks fine in Figma, but when I export as an SVG and open it up or try to implement it onto my website it has this weird clipping towards the edges, not making it a smooth gradient (can be seen on all 4 sides). How can I fix this so when I export it the shape looks the same as it does in my Figma design? Thanks.

I see to enable someone for Dev mode I need to give them “Full Design Access”, how does that stop devs from changing the design files? shouldn’t the designs be locked & they only have access to the code & assets. Mistakes happen, and I want to circumvent something accidentally deleted or changed. How do I prevent this from happening? Or am I missing the proper way to add DEV MODE for my team?

Hi all community members, I had a crazy thought today. What if Figma had options to customize its UI, like changing colors, background transparency, and text sizes, or even applying pre-designed skins, like Anime-themed or Cyberpunk-themed ones? Another idea: What if Figma had the option to enable haptic feedback? For example, when aligning an object in the center of the frame or with another object, it could provide haptic feedback. Just imagine what that experience would be like! I can’t stop thinking about this, so I wanted to share this wild thought here. Please let me know what you think!

Greetigns, I’m trying to build a Figma plugin using React and typscript, somehow I get a weird error saying Uncaught TypeError: Cannot read properties of undefined (reading 'createElement') even though I tried to match my configuration files with some working plugins on github. for reference, here is my configuration files: my tsconfig.json { "compilerOptions": { "target": "es6", "module": "commonjs", "lib": ["es6", "DOM"], "strict": true, "jsx": "react", "typeRoots": [ "./node_modules/@types", "./node_modules/@figma" ], "skipLibCheck": true, "allowSyntheticDefaultImports": true, "forceConsistentCasingInFileNames": true, "outDir": "./dist", }, "include": [ "src", "code.ts" ], "exclude": [ "node_modules" ] } and here is webpack.config.json: const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const InlineChunkHtmlPlugin = require('inline-chunk-html-plugin'); // Add this

Hi all, I’m exploring ways to build better Design Crits within Figma Community. If you could spare a moment, I’d love to hear about your experiences: How do you currently get feedback on your designs? What are the biggest challenges you face when seeking critiques? Can you walk me through the last time you received a design critique? How did it go? What tools or platforms do you use to get design feedback, and what do you like or dislike about them?

First of all: What is going on with Figma? It has become absolute shit and not usable. There are just tons of bugs and nothing gets fixed. Weren’t you guys acquired by Adobe?? The mobile app always crashes as soon as my phone falls asleep. Variables aren’t working as they should. Interactions don’t work. What the heck? This is a product you want people to pay for? The current bug I have a component with three buttons. One is “selected” or dark. I’m building an interaction where a user clicks on one button and then this button is turning dark and the other one bright again. So I created a component with three variants, one for each selected button. Now I try to add a “change to” interaction on the buttons. The idea is: When a user clicks on Button 2, the component changes to “Active=Button2”. The problem: The selected variant in the interaction is not saved. So it always stays at “change to: None”. This has been reported already here: Trying to use Change To, but can't select a compone

Hey yall, I’m confused about a behavior of a component. I have buttons that can be of two kinds: primary and secondary. Putting either in a component (the black bar) is no issue but once I do that in a variant of the bar, the colors change but not the size. I don’t know what causes this. Is this a bug or I’m missing something? New to Figma myself Thanks to whoever knows the answer to in advance

drive.google.com here is the vid (I cannot upload since I’m new here…)

When I was working on App Store screenshots, I received an error message “image can’t contain alpha channels or transparencies”. I tried to fix this error using this plugin, but it also did not respond well. Export Opaque PNG | Figma Community It would be extremely beneficial if we could export PNG files with no alpha channel.

So basically I have a master component of a dialog. Inside the dialog I have a “placeholder” called Dummy Instance. when duplicating an instance of the dialog smart component Im selecting the “Dummy instance” and swap variable with a smart component from my library. Im wondering how do I set the initial state of the new swapped smart components? When im swapping the “dummy instance” with an Input it chooses to swap with the “Small” size version by default, I’d like it to be the “Medium” size

What is image resized? Does it have any effect on the image? Before, this information didn’t appear when an image was inserted, but after updating Figma to the UI3 version, it seems to have started appearing every time an image is inserted into Figma.

Hello! While moving my drafts, I had to choose whether or not I should delete them. The “creation date” of my files became a very important element to make these decisions… except there’s no precise date written anywhere. There’s only “2 years ago” and such. So I looked it up on the blog and forum. And, surprisingly, there’s little to no content about this issue. From what I read, the only solution given in years was to open the “history version” and look up to the bottom (thanks to the paid plan). The only workaround I have found so far is to manually write the creation date inside every new file you create, but it does not apply retroactively lol. So my initial question was: how to look at the file’s creation date? Then my question became: why is it not possible to look at this basic metadata of my files? Alternatively, are there plans to finally make it available easily for everyone? Thank you in advance.

I’m trying out the new Dev Mode and several plugins for exporting code—and I’m finding that the ones that require selecting frames are unable to select components. Is this an intentional limitation or a bug? I think I can get around this by putting a component in an otherwise needless frame but it would be cleaner to just be able to select components. Plugins tried:

Why it isn’t working?

I have uploaded the image, the icon, and the details required, and also did a npm run build. The plugin runs fine for me on dev too. And I get the error:

I am trying to do this: const focusReaction: Reaction = { trigger: { type: 'ON_CLICK' }, actions: [ // Set the current focusFlag to true { type: 'SET_VARIABLE' as const, // Explicitly setting the type to 'SET_VARIABLE' variableId: focusFlag.id, variableValue: { resolvedType: 'BOOLEAN', type: 'BOOLEAN', value: true, }, }, // Set all other focusFlags to false ...variableObjects .filter((vo) => vo.focusFlag.id !== focusFlag.id) .map((vo) => ({ type: 'SET_VARIABLE' as const, // Explicitly setting the type to 'SET_VARIABLE' variableId: vo.focusFlag.id,

I was hoping to get the blendMode and opacity values for SectionNode from the plugin api, but I couldn’t find them

I might be missing something essential here, but I can’t seem to figure out any way for developers (who have view-only, dev mode access) to actually view variables in a file/project/design system? As far as I can see, they can only inspect single components. So they might see “button-primary-bg” for instance, and a corresponding hex color, in the dev mode side panel. But absolutely nowhere can they actually figure out what “button-primary-bg” is referring to (typically a color primitive, which again refers to a hex code). Not only is the alias not visible in the side panel, but the full list of variables is not accessible in dev mode either, as far as I can see. I mean, it’s probably okay if you look at the design system as a static thing, where we could do a one-time export of all variables as a .json or something. But design systems are seldom static. New components are being created, and thus new aliases are needed quite often, specially in the early stages of a project. Am I crazy

Hi Figma Community, We are trying to see if there exists any API using which we can fetch data used in library analytics such as library usage, component info and weekly insertion of styles and components by teams. We are trying to create custom analytics that we need using this data and would appreciate any kind of help in this regards. Thanks

Transparent images import with white background

I accidentally deleted a team in my Figma account, which contains some crucial files. Unfortunately, I did not receive any confirmation email regarding the deletion. Could you please assist me in recovering the deleted team and the files associated with it? These files are extremely important for our ongoing projects, and I would greatly appreciate any help you can provide to restore them.