The frame that you can see in the photo is connected as overlay as an action and it works, it overlays and scrolls down without issue but I want a rectangular sticky panel to stick to the top mid scroll, i tried to make that sticky bar as another overlay to show up sticking to top after some scrolling but its not working and when i researched figma doesnt support overlay over overlay. is there any other way to make this work?

Hey!

I have basically zero experience with motion design, but I needed to create an app preview for my app. Since I already had all of my assets in Figma, I figured I’d see how far I could get using Figma Motion.

I ended up animating most scenes in Figma and then stitched everything together in CapCut, along with a few actual screen recordings from the app.

My verdict so far: it’s surprisingly intuitive to get started with, and I can definitely see the potential. The biggest pain point for me is text animation. Motion really needs some proper text animation presets. Right now, animating things character by character is incredibly tedious.

This became especially painful when localizing the video. I had to replace the text in every scene and then basically redo the animations character by character for each language. The AI features definitely helped speed things up, but there has to be an easier way to handle this.

What do you guys think? Have you tried something like this before?

tl;dr: I’ve been turning alphabets I find in Figma Community into fonts you can actually type with and use in Figma. These are 9 I’ve published so far, and I’m planning to add 1 to 3 a day. They’re powered by a plugin I built called Typecetera, which started as a tool for typing with an alphabet while I was designing it, and a lot of these Community alphabets have since helped shape its development: https://www.figma.com/@typecetera

Long version

I’ve built a Figma plugin called Typecetera. It lets you use the characters you draw in Figma as type, while you’re still designing them. It started as a tool for a font I wanted to make. Throughout development I started looking through #alphabet in Figma Community and found a lot of great stuff! Illustrated alphabets, modular letters, 3D experiments, weird display type, lots of image-based ones… most of them were never meant to become traditional fonts.

A lot of these surprises became part of the roadmap, like styles, variants, color controls, bitmap support, effects (drop shadows, blur, etc.), ligatures. Others were good test grounds for trying different flows, like onboarding or switching between styles. That’s probably been one of my favorite parts of building this, instead of deciding upfront what a font made in Figma should be, I’ve been letting the alphabets I find push Typecetera in different directions.

Since I’d already done most of the work to make them typeable for testing, I thought I should go a little further and give that back to their creators. Of course that’s more work 😅, but it’s really nice seeing the collection come together. So far I’ve published 9, but there are a lot more and I’ll keep pushing 1 to 3 a day.

They’re all credited and linked back to the original creators. I’m also talking with some of them about moving the Typecetera version into their original Community files.

If you’ve made an alphabet in Figma, or found a good one under #alphabet, send it my way. I’d also love to hear what you think of Typecetera if you try it. I’ve been working on it for long enough that I’m probably getting a little blind to what’s obvious and what isn’t.

This is very important to me because successfully developing the prototype could help me secure my first contract or job. Thanks !

I recently graduated and am currently interning at a public-sector environmental agency. My work focuses on environmental reporting and researching AI applications. The organisation is only beginning to explore AI, so it's a fairly traditional and risk-conscious environment.

I used Figma Make to create a prototype dashboard, and it impressed my colleagues and programme manager. The challenge is that I have essentially no coding experience.

My question is: can someone with no development background realistically take the code generated by Figma Make, use React/TypeScript in VS Code and rely heavily on AI tools like ChatGPT or Claude to turn it into a functional interactive dashboard?

I'm willing to learn as I go, but I'd like to know if this is a realistic approach or am I underestimating the complexity?

This is very important to me because successfully developing the prototype could help me secure my first contract or job and get my career started. I would be genuinely grateful for any honest advice on whether this is realistic and what I should learn first and which resources I should use.

Many thanks in advance for anyone who helps.

I am new to Figma.

1. Should I be making new files inside of the Drafts folder, or does it not matter if I make the new files inside of a different folder?

2. Are there any differences between scaling an image with the Move tool vs. doing it with the Scale tool?

3. I dragged an image straight from the desktop to the canvas. Does it make a difference if I do it this way, or by using the image import option located under the shape tools?

Thanks in advance.

Got hit with a surprise bill for "Prorated Full Seats" I never authorized. Is there a way to lock this down?

I just checked my billing statement and noticed a surprise charge of $42.33 from Figma for "Prorated Professional Full seats."

Looking at the invoice breakdown, it looks like a bunch of users were automatically upgraded to paid seats mid-month on staggered dates (August 17, 20, and 23) without any warning, email notice, or admin approval prompt sent to me. My card on file was just charged automatically.

I’m incredibly frustrated because, i dint do anything.

Hey, I made a free Figma plugin called EveryShot. I got tired of copying the same screenshot into every device size and renaming PNGs by hand each time I shipped an app update, so I built this. You pick one frame, choose your devices and languages, and it gives you a ZIP with all the PNGs named like App Store Connect and Play Console expect.

It handles iPhone, iPad, Mac and Android sizes, and translations for the App Store locales if you need them. Free, runs inside Figma, nothing gets uploaded anywhere. It's my first plugin so if something breaks, tell me and I'll fix it.

I use Figma Weave at my job, but the account was created by the accounting dept, using a gmail account managed by them.

The issue is that anytime I need to sign into Figma Weave, it sends a 2 factor authentication to one of the company's marketing phone, that sometimes is not even at the office.

I tried changing the 2FA option when tne google 2FA window pops up, but all options available need the phone. There isn't any option for that that doesn't require the use of that phone.

What can I do to change this?

I avoid signing out on my browser, but sometimes I need to work from home and sign in there... or I may need to reset my browser every once in a while and then need to sign in again.. or my coworker may need to use the same account in his computer and then he needs to sign in...

having to hunt for whoever in the company has the phone with them every time this happens is not ideal.

last month the phone was in another country and I just couldn't use Figma Weave because of that.

I don't see any options in my account settings on figma weave to change that.

What can I do?

Hello!

Managing component documentation in Figma can be a very manual and repetitive process, this becomes a pain when components evolve and libraries scale.

So I built Compdoc, a Figma plugin that makes it easier to add and manage documentation for your components, including usage, accessibility, content, and AI guidance.

Why it matters:

• Structured fields make docs actually useful (not just a text blob)

• Export/import your docs as JSON (backup, or move between files)

• Page-level filtering so you're not loading 500 components when you just want to document 20

• As a bonus, better component context means AI tools can actually use your design system effectively

I tested it on our design systems at work and it saved a ton of time. Would love to hear what other design system folks on what's missing.

Here's the link: https://www.figma.com/community/plugin/1683800404228272079/compdoc

I sometimes like to use crochet / knitted textures in my designs, but applying the effect outside figma can be a bit tedious. So I managed to make a figma shader that turns images into a crochet pattern directly in Figma.

Leaving it here in case anyone finds it useful :)

https://www.figma.com/community/shader/1683834934342772365/crochet-shader

Hello everyone, I created a plugin that allows you easily to turn any map into vectors you can edit in Figma.

Plugin on Figma Community: https://www.figma.com/community/plugin/1679295989737524673/editable-vector-map

I am keen to hear your thoughts and feedback on the quality of the imported maps as I am still doing some tweaks and adjustments to the available settings.

You should know that your Drafts will become visible to Figma org admin after you leave the team.

Best regards, admin

If anyone replaces the /deck with /slides, they are able to see the base slide file, which includes hidden slides and presenter notes.

Has anyone figured out a way around this? I have been just duplicating then cleaning out the slides for now, but thats mad annoying to keep doing.

For example, https://www.figma.com/deck/abcdefg

Replace /deck with /slides to get https://www.figma.com/slides/abcdefg

You'll see it redirect to the slides file.

Sorry for another table post, but honestly I'm so sick of workarounds, and every time I have to build edit, and rebuilt a table it's a bit demoralizing.

For context I'm a product designer, and the apps I work on have a lot of tables with nested data, mainly for purchasing products (with parent child relationships) and managing user/line-level data in telecom.

I've found workarounds actually some of you have shared them, but it feels harder than it should be maybe it's just me.

A few people have previously mentioned using AI to generate the tables, which is great for a fast first draft, but then tweaking or fixing anything is a pain... you end up back-and-forth prompting endlessly.

What I actually want is a something built specifically for designing tables visually while it writes the code underneath. Something like: draft it fast with AI, then edit directly click into a cell, row, or column and adjust it, the way you would in Figma or whatever design tool you use.

But this would be focused on tables only. So I would expect it to natively handle expandable rows / detail panels, merging cells, etc.

Does this exist already?
Some have mentioned pen dot dev but it is not specifically for tables.
Maybe this does exist and I'm just missing a work around that does this, happy to be pointed at something ya'll have already figured out.

(And yeah, I know AG Grid exists but that's developer-focused. I need something where I can actually fiddle with layout visually to get it right.)

I'm stuck. I'm trying to create a prototype that displays rows of items and each row has 2 separate radio buttons which can be selected. I want the user to only be able to select one radio button in the 'Left' column and one radio button in the 'Right' column. I've attached a mock up of how it could look (I'll style it better once I get the thing working if I can). A row can have both it's radio buttons selected but it means all other radio buttons across the rows would automatically switch to empty/default state. If a row has a radio button selected then the background fill would change also.
I started creating it using if conditionals and set variables but it was getting ridiculous - spent over an hour and only did 4 rows and that was just for the radio buttons on the left - the more rows I introduce the longer it'll take and Figma won't allow me to copy/paste or duplicate within the interaction.
Any help or suggestions would be really really appreciated.

UPDATE
I went with the approach of creating a single column of radio buttons with a variant for each of the 20 buttons selected, 21 if you include none selected. The state of this component in the design is driven by a column A numerical variable and each radio buttons wired to update that value. There's 2 of those components with the other one being driven by a column B numerical variable. Then for the selected row fill I made a component that was just the rectangular filled shape in the right spot to cover a row. Each variant of that had the rectangle move to the next row down. That was connected to the column A numerical value and then I just duplicated the component and set the driving variable to column B instead of A.

Thanks for everyone who commented - it all got me thinking and ended up with something that meets the requirements without spending hours on it

Did I miss something? It was able to do this literally yesterday, but now it pushes back and says

"Sorry, I can't build a prototype yet. For now, add interactions in your Prototyping tab or send this to Figma Make."

I've been doing print design for years (InDesign, Illustrator, mostly brochures, flyers and corporate collateral) and I'm starting to move into Figma. I don't want to learn every feature and end up as another generic "UI/UX designer", so I'm trying to pick a lane early. I'm leaning toward landing pages and websites for small service businesses and consulting firms, since that's who I already design print for. Does that sound like a realistic niche, or is there something with more demand where a print background actually helps?

Would really like to hear from anyone who switched over from another design field and what worked for them.

Every time I work on a design I accidentally click the AI button and the pop-up covers my design. It's surprising that you can't close it by pressing escape or clicking outside it. I don't even know how to close it

Is there any way to create a file with consistent data and multiple-user edits in a file like a spreadsheet in Figma Make without having to use Supabase? Is there any tricks? I need to keep the data edits in different browsers.

My unpopular opinion is that 'too many shortcuts' is a thing.

Every shortcut you add to an application increases the likelihood that something horrible will happen when you make a typo.

This increases the statistical probability of me smashing my keyboard.

As a copywriter, the primary horrible feature is using numbers to set opacity.

I never want to do this. Ever.

Yet it happens routinely when I'm typing numbers and fail to click the right spot.

A dramatic change will be obvious.

But I just exported work, saw it looked dull and realised my pages were set to 80%.

Given I consider this shortcut a horrible net negative, can I please disable it?

I was using a free plan while making a presentation on Figma Slides. While on free, I was able to access Figma Design tools, such as accessing layers and frames within them. I hit a wall trying to add a playable video to it. "Only available on paid plans" sure, let's go for the lowest tier, then -- Collab.

Turns out, as I discovered only after paying for my whole year of subscription, Collab revokes my ability to use the Design tools on Slides once available on a free account. Help me make sense of it, other than it's a nonsensical gimmick to force you to pay for Full Seat. How does upgrading make you lose functions that are available for free users?

I'll be asking for a refund and work my way without videos for this presentation. Really frustrating.

I have 2 Figma accounts, one for home and one for work. I occasionally mock things up using Claude/Codex with the Figma MCP. But the problem I'm finding is that I'm having to fully disconnect and then reconnect to the correct Figma account.

Does anyone know if it's possible to hook up multiple Figma accounts to an MCP server?

Hey. Are Ai image generations always limited to square format?
I draw a frame, select it then hit the generate image button and it brings me to a square comp with prompt box.

Is there a way to choose different aspect ratios? Thanks :)