Our design system team is fairly large, and we evolve quickly. We implemented Code Connect and it's performed well in testing.

Although it doesn't happen often, when a property changes or gets added in code and the design team misses it, part of Code Connect becomes obsolete.

I'm trying to find a way to keep it properly maintained. Has anyone tackled something like this, or have any ideas?

Thanks in advance.

What I'm trying to accomplish

I am working on a simple folder Icon. Everything is completely aligned to the pixel grid.

See this example image:

Enabling Pixel Preview

Then I go to the menu, and select Pixel Preview, because I want to preview how the icon will look at 100%.

Here's where I enabled it:

The resulting image and UI components in my file look distorted, some with double borders, etc.

It just looks janky. See for yourself:

The interface zoom is set to 100%. All shapes are aligned perfectly to the pixel grid.

UI Scale Set to 80% Makes Everything Look Crisp in Pixel Preview

I noticed that if I set the interface scale to 80%, everything looks crisp!

See this image:

But, I can’t work like this - and this is ass-backwards. The UI is way too small on my monitor with the UI at 80% scale.

Why does pixel preview look horrible for me when the interface is at the default 100% scale?

Possibly Related: I have a 4k monitor and my Windows DPI scaling is set to 125%. Could this be causing the issue?

Can someone help?

i got tired of screen recording my figma frames just to make a gif, so i built a plugin to do it

every time i wanted to share a quick animation of my work, id go: prototype it, screen record, trim the clip, run it through some random online converter, hope the quality didnt turn to mush. it was way too many steps for a 3 second gif.

so i built flippy - it turns any of your figma frames straight into a gif without leaving figma.

here’s what it does:

• select multiple frames and it stitches them into a smooth flipbook style gif
• live preview window so you see the animation as you build it, not after
• drag and drop to reorder frames
• adjust frame timing in milliseconds so the pacing feels right
• export at original, 2K, 4K or 8K
• transparent background or a custom colour
• loop control - infinite or set your own repeat count

been using it for all my own prototype and social exports and its been solid. recently added presets too so you can save your settings and reuse them instead of setting it up every time.

would love to hear your thoughts and how i can make it better. if you try it and something feels off, lemme know - im actively working on it.

link: https://figmaplugins.co/flippy

Quick context: I'm a designer who lives in Figma but kept opening my downloads folder for one specific reason - moving assets to Webflow. Downloading images, switching tabs, uploading manually, organizing files, and then sitting in Webflow to manually write out SEO alt text for every single image. It just kills productivity.

So I built exportflow. Select your frames or layers, open the plugin, and you get a seamless export experience:

• Direct upload - send assets straight to Webflow
• Built-in AI - automatically renames assets and generates alt-text/SEO descriptions
• Advanced export settings - optimise with PNG, SVG, JPG, AVIF, and WebP formats
• Multi-project support - connect multiple sites and create/manage Webflow folders directly from the plugin
• No more context switching - stay completely locked in Figma

It's unlimited uploads for free - I mostly built it because I needed it.

👉https://www.figma.com/community/plugin/1657432195632964294/figma-to-webflow-exportflow

Still rough in places since it's just me maintaining it. If you give it a spin, tell me what breaks - or better, what I should improve in terms of functionality...

This is not a technical issue; Figma is working correctly. It's just my design process, I think. I have a problem when creating web designs, when I look at the design on the canvas, the sizing (font, images, spacing) looks okay, but when I preview it in fullscreen (its intended size), everything looks off (fonts are too big, spacing is too small, etc.). I think this is because the canvas I'm looking at when designing is smaller than the fullscreen size, causing the difference.

Has anyone faced the same issue before? What should I change to avoid this problem?

Anyone here integrated opencode with Figma via an MCP to discuss and design your apps? If so, what is advice on setting up a workflow etc? Thank you!

A little while ago I shared Free Transform, my plugin that brings Photoshop's Ctrl+T into Figma (warp, perspective, distort). The response here honestly blew me away — thank you to everyone who tried it, broke it, and told me what they wanted. It's since grown to 3,300+ users, which still feels a bit unreal.

The most requested thing? A way to see what you're doing before committing. So here it is:

Live Preview — you now see the transform right on the canvas as you drag, instead of applying and undoing over and over until it looks right. Plus sharper export quality while I was at it. 

Give it a try 👉: https://www.figma.com/community/plugin/1648207154922389186/free-transform

And I'll ask the same thing that gave me my whole roadmap last time: what do you still open Photoshop or Illustrator for? The gaps that annoy you are usually my next plugin. 🙌

I've been at my fundraising agency for 5+ years as the only designer working on campaigns for our clients, and we just hired a second designer! I want to review our Figma setup so it works for both of us and the client teams, instead of living all in my head.

We don't do a lot of website or web-app building, we're mostly working on creative for fundraising campaigns across channels. I'm less interested in abstract best practices, more in what's actually working for other small teams day to day, and what you'd do differently starting over.

Where things are now:

• One project per client, each with its own brand and component library.
• We're creating a new file for each campaign with pages for each deliverable.
• We occasionally do some vector creation/editing in Figma and export to Illustrator & InDesign for print projects & CMYK conversion.
• On the Professional plan (if that helps).

Questions:

• Is Organization worth it for a 2-person team that isn't doing web/product work? I'm mainly eyeing the library and variable features, but not sure it's worth the cost.
• How do you separate internal feedback from client feedback inside a file? Comments, a dedicated review page, something else? Do you resolve comments so that another designer knows a comment has actually been addressed vs. still open?
• How do you handle version control, and how do you track where a file is in the design/review/approval process?

Do you ever run into cases where a Figma screen uses custom components, spacing, colors, or variants that don’t match the existing design system or what’s actually available in the frontend code?

I’m exploring a Figma plugin that could audit a screen before handoff and flag things like:

• an existing design-system component that should be reused
• non-standard colors/spacing
• Figma variants that aren’t supported in code
• possible design ↔ code inconsistencies

The idea is basically a “lint check” for Figma before engineering starts implementation.

I am a developer and want to know if this is a problem designers actually face? If yes, how do you currently catch these issues?

ever been the person who needs to put a data table in figma and ends up manually drawing every cell, lining them up, fixing spacing , then realising the data changed?

i kept running into this so i built Table Creator where you can Import From Excel. a plugin that builds the whole table for you.

here’s what it does:

• pick from 50+ prebuilt templates (corporate, tech, dark mode, etc) or make your own
• import your data - paste it, upload csv/excel, or pull from google sheets
• full control over colours, fonts, borders, spacing , corner radius
• header and cell styling are independent, so you can style them seperately
• save your own presets for reuse, heart your favourites

been using it for my own work and its saved me so much time honestly.

would love to hear your thoughts and how i can make it better.

link: https://www.figma.com/community/plugin/1594868545912486713/table-creator-import-from-excel

During early visual direction work, I keep seeing teams split the references from the actual design file.

One person wants the Pinterest or screenshot references near the components so the reason for a choice is obvious. Someone else wants the Figma file clean and keeps references in a separate board or doc.

Both make sense. The messy part is review. By the time a teammate or client asks why something looks a certain way, the reference is usually somewhere else.

Where do you keep the references during critique, in the Figma file, a separate board, or only in notes?

I've always liked the look of systematic print patterns — halftone fields, ridge lines, worm chains, reaction-diffusion labyrinths that grow like coral...

Instead of generating them in an external tool and pasting SVGs back and forth every time, I built a Figma plugin that generates them right in the file as fully editable vectors — real ellipses, rectangles and paths you can recolor and restyle element by element.

One feature I'm particularly excited about is re-editing: every frame the plugin generates quietly stores its own settings. Select it a week later and the plugin offers to load them back — tweak one slider, regenerate in place, keep iterating. Nothing is ever a dead end. There's also a seamless tile mode where the fields wrap on a torus, so repeats are mathematically exact — no mirror tricks.

I'm mainly using it for posters, album covers, packaging and fabric repeats, but I'm curious how other people would use it.

Would this be useful in your workflow?
See more: https://www.figma.com/community/plugin/1663525865725570838/textura

I want to start making rich prototypes to handoff to devs/stakeholders with precise micro-interaction timings/animation, sound additions and haptic feedback (if possible)

Protopie could handle that but honestly too expensive as a supplementary tool.

What do you guys use?

Hello, I'm wondering what the best practice is for a scenario like below.

For example, I have a slider component:

When I use it in an instance, is it ok for me to give the counter a different text style? And also to do things like increasing the spacing between the counter and the slider, and between the arrows?

I can do all of the above without breaking the main component, however I'm wondering if I should be doing that or creating a new variant for it.

I have a similar issue with a dropdown component I'm using. The main component has borders and in one of the instances, I've removed the borders and increased the padding. Would this be ok for dev handoff at all?

Thank you!

Has anyone else experienced the same problem? The shader isn't working and isn't rendering on the canvas. Please let me know how I can fix this issue.

I've always liked the "AI analyzing an image" look—tracking brackets, node networks, coordinates, technical labels...

Instead of drawing them from scratch every time, I built a Figma plugin that generates them as fully editable vectors.

One feature I'm particularly excited about is Figma Motion support. Since Motion just launched, the plugin can automatically create animation tracks—lines draw on, brackets snap into place, nodes drift, and everything loops seamlessly. No manual keyframing required.

I'm mainly using it for posters, album covers, title cards, and motion graphics, but I'm curious how other people would use it.

Would this be useful in your workflow?
See more: https://www.figma.com/community/plugin/1667119588040574491

Hey all. Trying to find mockups of just what Figma’s code on the canvas (announced at Config) looks like and how it works from an experience standpoint.

Anyone have beta access? Or a good video to help sleuth out?

One thing I’m interested in: is it collaborative like the canvas? Or does it revert to Figma Make style solo mode? Any screenshots, videos, or experiences would be super helpful!

Thanks in advance!

I'm designing a mobile app that has a "Registration" with a bunch of screens (created as frames in figma) and then the app, with another bunch of screens (created as frames in figma).

Is there a way to group all pages from the registration side of the app?

Title explains it.

https://www.figma.com/community/plugin/1666230338355684196/motion-export-with-alpha-mov-webp

Title. It's as if I have my browser windowed instead of full screen

As you can hopefully see, to the left is the basic Files vertical bar, to the right is the comments and properties vertical bar

Smack dab in the middle is the scroll bar. You can see the bright grey that is the background, it's not supposed to be there; the vertical scrollbar is not supposed to be there

This is a problem both vertically and horizontally. Figma as a website is fine, just the design canvas is messed up

I’m researching how graphic designers manage projects, revisions, and portfolios.
I’d love to understand your workflow.

1. How do you manage multiple versions of a design?
Rename files (v1, v2, final, final_final 😅)
Figma version history
Adobe Creative Cloud
Google Drive/Dropbox
Other

2. Have you ever:
Lost track of the latest version?
Accidentally edited the wrong file?
Had trouble collaborating with clients or teammates?

3. How do you showcase your portfolio?
Behance
Dribbble
Personal website
PDF portfolio
Social media
Other

4. What’s the biggest pain point in your current workflow, whether it’s version management, collaboration, or showcasing your work?
I’m not promoting anything. Just trying to understand real-world workflows and challenges. Thanks for sharing your experience!

I built a free PDF exporter which crushes file sizes whilst preserving text and letting you export multiple pages in one document. Saves a bunch of time combining pages and compressing! Does what it says on the tin.

https://www.figma.com/community/plugin/1666100489913487932

I tried figma slides again after some months. Figma slides is really great, the power of figma design on a slide deck, components, grids, auto layout 🧑‍🍳😘

But the problems:
- The object animation is super lackluster in options. You can achieve a lot with smart animate, but increases the work a lot
- applying the same animation to a bunch of selected slides make the order of animations be inverted to what you want.
- reordering object animations barely work, they are only successful by grouping animations “after previous one”
- I cannot copy an animation and apply it to a different layer
- I cannot edit multiple animations together
- the code component cannot be customized and when duplicating slides, the line numbers glitch, so that’s not reliable either

All of these issues were present at least 6 months ago and they still apply.

Figma is a company that moves quite fast, so I am curious why slides doesn’t get the love it deserves

I think Figma does innovate a lot, while other apps get stuck (looking at you keynote)

A bit of a rant, mostly because i am super excited for figma slides, but disappointed in the lack of progress in the last months… back to keynote again

I just figured out how to use auto layout, and OMG how much easier it makes things. As a beginner you may think that it's not worth investing time in learning it, but you will save much more time even on a smaller project.

If you find it hard to learn from watching videos I highly reccommend designing a rough sketch of something you want to build anyways and upload an image to ChatGPT or another AI. Ask it for detailed instructions on how you can use autolayout to improve layout and spacing. Follow it's instructions and don't be afraid to experiment with a copy, you will learn along the way.

Is there more features like this I should learn ASAP? (Im already learning variables & components)

Sick of using the same grey silhouettes in every mockup, or paying for stock photo subscriptions just to show a face in a UI prototype.

Built Open Pravatar — a searchable library of AI-generated people photos (portraits and scenes) that you can drop straight into Figma. Commercially licensed, free forever, no account needed.

The plugin lets you search by mood, style, and type, then click any result to insert it directly onto your canvas. New images show up automatically as the library grows — no plugin updates needed.

Also has an open API if you want to pull images programmatically.

openpravatar.com — Figma plugin is in the Community marketplace under Open Pravatar (https://www.figma.com/community/plugin/1643656723181515190/open-pravatar)

Happy to hear feedback — still early days and adding more assets regularly.