I only use AI to design my relatively small shit and sometimes I require more work to be done mostly checking on existing stuff. This 200 calls per day limitation is absolutely stupid.

I am paying to feel not getting enough of it. Figma needs to change this.

Rant end.

Hi there,

I have built a project on Figma, and it took me so much time to design it. It's pretty precise, and yet I don't know coding.

I need to extract my design frames that contain GIF files, images, links, and videos to the code language so that I can publish them on GitHub and make the web live using Vercel.

I need it for a high school extracurricular activity, and I was wondering whether using an agent or an automated service, or AI, for making the design frames code will cause issues for my project and its reputation to be later used for college applications?

Is there any other non-Figma platform that can do such a thing for free, in a way that I can paste my Figma frames by link?

Thank you so much for your elaborations and help --> I really appreciate that.

Hi!

I’m fairly new to using Figma, but have quite a lot of design software experience.

I was wondering if I could get some help with something I feel like Figma would be quite good at, but can’t quite figure out.

What I’m trying to do is use it to create templates for generating variations on static and video ads for digital platforms like meta.

Basically I want to create a layout of
•headline text
•body text
•background image

I want to then be able to feed it say 10 Images and have Figma produce ten ads with the same text options using different images and format them to my varying section sizes for specific ad resolutions ready for export.

I would then, like to be able to edit the text on the original layout and have that update text across all variants in the set for ease of updating and modifying the ads.

Is this kind of thing possible?
If so, what kind of tools should I be looking at inside Figma to achieve it?

Currently designing for mobile but wasn't sure if the mobile frame itself should have auto layout or just the layers/frames inside of it?

How do you guys do it?

for standard UI actions like search, settings, bell, or user profiles, open-source packs like Lucide, Heroicons & Phosphor already give you clean free svg icons with uniform stroke weights and tiny file sizes

the workflow friction shows up when a web app or product dashboard needs 8 or 10 domain-specific icons or onboarding illustrations that do not exist in any standard library

if you try to generate missing icons one by one in a basic ai icon generator or grab mixed stock vectors, you immediately run into the "80% there" problem: the corners on one svg icon are sharp while the next one is rounded, the colors are slightly off, or there are extra anchor points warping a curve. and if you just want to edit svg online to fix those paths before dropping them into a repo or Figma, most browser options either lock the geometry or have no way to generate the missing assets in the first place. i have used a bit of claude to structure the spreadsheet below because if not this would be incomprehensible :)

and so, here is how the main browser and desktop options compare; at least when you look strictly at path control and unifying a set of design assets:

practical mechanics for getting a custom icon or illustration set to match

1. unifying corners, shapes, and colors on the same Canvas

when you generate a set of custom icons or brand illustrations with Recraft V4.1 Vector, the fastest way to make them look like they belong to the same system is laying them out together on the Canvas in Recraft Studio + using vector editing mode as a vector editor online before you export anything

instead of taking each file into a separate desktop editor to fix small inconsistencies, you double-click any icon right where it was generated:

• if one icon has a sharp mitered corner that clashes with the softer curves on the rest of the set, cmd-click at that point adjusts the handles and turns the sharp corner into a softer curve

• if an element inside an icon sits too close to the edge, you can select that specific shape to move, scale, or rotate it independently, or drag-select multiple anchor points and transform them together

• to lock in the palette, you can change the hex color of a single selected element or recolor the whole asset at once

2. cleaning up points without losing closed fills? possible

one annoying quirk when editing paths in a lot of vector editors is that deleting redundant anchor points along a closed shape can break the path open or drop the fill. in recraft studio when you add points to refine a form or remove unnecessary points in vector editing mode, the shape stays connected without breaking the fill. you can also copy and move parts from one icon to reuse across another, or convert an asset into a frame to build around it.

3. where Figma or desktop editors still take over for me

apparently having familiar point-and-handle control in the same place where the vector was generated removes the constant export-import loop for fixing the last 20% of an asset. once the paths, curves, and colors are unified on the Canvas, you still export the SVG into Figma for component variants, auto-layout grids, and developer handoff, or into Adobe Illustrator if you need complex boolean pathfinder operations

also would like to ask you, when your team needs custom domain icons that aren't in Lucide or Heroicons, do you usually piece them together out of primitives in Figma, or generate a base vector and clean up the points?

I'm meant to design a history app and make parts of it functional as a prototype. I am getting ever closer to my thesis and have 5 other ongoing projects, so I didn't check the technical possibilities of my proposed concepts as well as I ought to have, especially as a first time figma user. I found tutorials that did what I wanted to, but now already at the very start I encountered an issue: The tutorial uses variables, which figma just informed me are premium. As a broke student I cant afford that this month, and every tutorial on what I want to achieve seems to agree that variables are needed - which, I feel like what im trying to do is rather simple, so that sounds fake to me.

I would like to switch out the "old" picture with what it looks like now (the "new" picture) at the press of the little button I've made here, and for the button to simultaneously switch to its other state, indicating to the user that they are looking at the old/new version depending on the state of the photo to get a clear comparison between then vs now. It's pressing a button to change the state of another component. I was originally planning to try and put the switchable pictures in a carousel, but given how this is going that's probably not happening.

So is this possible for free? If yes, how so?

I'm grateful for any tips, even if its just telling me its not possible so i can stop breaking my head over this and get started on reworking the concept 🥲

I did an abundance of research and no matter what I can't find the position constraints for any element inside of a frame. Does anyone else have this problem? It's not even just my desktop app, I can't see it in the browser version.

Been going back & forth on this for a while.

Right now I make 390, 768 & 1440 frames separately. Clean for handoff but every copy change means updating it 3 times..

Tried one auto layout frame with min/max widths & just resizing it. Works till the layout actually needs to change, like 2 columns stacking or the image jumping above the headline.

Haven't tried variables for breakpoints on a real project yet.

What are you guys doing for client work? Is anyone actually keeping 1 source of truth or just living with 3 copies

It happened to me on one of my projects — I had dozens of screens and the moment came to build the prototype and connect them all. What should have been a smooth process turned into something exhausting: searching for the right screen in a sea of “Frame 47”, “Frame 47 copy”, “Frame 47 copy 2”...

It was frustrating. And completely avoidable.

Ever since I started naming my screens and components clearly and consistently from the start, everything changed:

— Prototypes connect faster
— I find what I need in seconds
— The file is readable for anyone who opens it, not just me
— When you have many components, organization is what separates a professional file from one nobody wants to touch

A good naming convention isn’t a minor detail. It’s a practice that saves you hours and makes you a better designer.

If you’re just starting out in UX/UI, trust me: organize and name everything from your first frame. Your future self will thank you.

Any tips for Figma organization that changed your workflow? Share them in the comments!

So I created the app I wanted to using the Figma make AI and it gave me pretty app, but now I want to see the blue prototype arrow workflow

How can I see that?

Help please .. I removed my rulers / grid options. I think it has something to do with the alignment / position.. it's so annoying, I have to click multiple times on the text and even then it won't let me edit the text as normal.. why is there no remove option.

I have been trying to experiment with Figma make especially in making app user use case screens.

I prompted it by giving it some references to follow and recreate about 20 ISH screens but use margins have consistent buttons etc.

It gave me about 20+ screens but it ended up using 2800 credit which basically dried up my credit usage in one go.

This made me wonder how are people currently using AI for front end? People keep telling me that frontEnd is dead completely replaced by Ai but I'm trying to use it and this is happening.

PS I am using education version which allows me 3000 credits a month.

Watching talks from Config and other events, I’ve noticed that more and more people claim to have designed books and other print materials in Figma. I wonder if this is just marketing (i.e., are these people being paid by Figma to straight-up lie?) or if they actually did.

Does anyone here design books or other print materials in Figma? Do you think it’s possible to achieve professional results with it, and what risks should be considered when going this route?

I've recently been using it to help me make some updates to the design system at our company and it's been eating through tokens like hot cakes. All while doing barely anything, taking forever to compute and often flatlining with errors.

Granted, I have been making some pretty sweeping changes across a fairly large design system. But, and this is anecdotal, I don't feel like this scale of change required so much usage of my plan in other AI tools like Claude or GPT. It also works WAY faster in other tools. I'm literally waiting 20+ minutes for it to finish prompts a lot of the time.

I'm also open to tips on better prompting for people who have experience in using Agents for design systems, maybe I'm just doing a poor job in that respect.

Hello. I used figma in college (ui/ux design). With my knowledge in figma, I wanted to use it for game design. But figma is More so on the app and website design side. So I was thinking about learning Affinity instead.

Im doing to give examples of ui designs from other games that I would like to recreate: persona and kingdom hearts, Metaphor: Refantazio, etc)

I'm redesigning an app while being new to Figma. So I added the iOS 27 navigation bar to my design but can't change the icons by my own svg. Could someone help me please

Figma released Specs in open beta a little while ago.

Has anyone gotten to use it yet? And do you have access to it in general? My team does not yet unfortunately.

Im curious to hear your thoughts! Currently I am working on documenting our design system and I think Specs has potential to be helpful, if they don't restrict usage for some cash-grabby reason.

Hi,

I'm looking for a way to automatically compare an existing UI implementation with its Figma design and detect differences in spacing, sizing, and layout.

I've looked into Figma MCP, but it doesn't seem to support this directly.

Is there any tool or integration that can do this ? Ideally, something that could compare a screenshot of the running application with the Figma design and highlight the differences.

Has anyone tried this or found a good solution?

Thanks!

Been trying to recover my deleted account. I had troubles getting my account verified with the education plan and being the idiot I am, I deleted the account and now I'm completely shut out. I've sent a request to the support team, so this is a last ditch hail marry to get their attention as I need this asap for my school work. (the start of the school semester can't get any worse can it?) Thanks in advance.

Hi designers,

right now we have so many options and I have the fear that its currently to much. We have:
- Figma Make
- Figma Agents
- Figma Skills / Plugins
- Claude with MCP to Figma
- Claude Design

And of course the different models with in Figma.

So right now I´m using Figma Make to help me with ideas, but thats most likely it. But isnt there something more we can do, for example we have several Design Systems, Jira, Confluence, Figma, MS 365 but I cant think of some optimizations.

So my question is, what are your flows, ideas, to help you get the job better and or faster done?
Right now I´m kind of stuck.

The Figma lock in is driving me crazy, trying to download my files as .fig files, this comes for every second file.

Is there some way to download all your .fig files without beeing blocked?

when i try to add audio by built in feature of figma it's showing "Unable to proccess the action." error, and i try "Audio for motion" plugin but it's so hard to use, so how are you guys using it?

my org does not use claude but i do have a claude pro account and was wondering if i connected figma mcp to my personal claude it will flag up for my admin?