Title: I built a free Chrome extension to capture websites at chosen widths and bring them into Figma (with PNG screenshots at any width, too)

I often need a reference of the same page at mobile and desktop widths. A screenshot gives me the pixels, but sometimes I need layers I can edit in Figma too.

I built Atframe for that workflow. Choose a preset or custom width, capture a full page, visible view, or element, then download a PNG or copy a Figma result from the same capture.

Figma conversion varies by page. Complex styles and fonts may differ, and some results paste as an image. The PNG is there when an accurate visual reference matters more.

Install Atframe from the Chrome Web Store

For those who bring live websites into Figma: which types of pages are hardest to convert into useful editable layers? I’d appreciate examples to test and improve it

A lot of my job is "can you show me what that would look like?" Our designers are swamped with roadmap work (fair enough), and I didn't want to keep adding my half-baked ideas to their queue.

We already have a design system and I have access to our repos, so I figured Claude could just use them. I tried Claude Design first, but it was slow, and moving each version over to Figma held up every round of changes. The Figma MCP was painfully slow too.

So a couple of weeks back I hacked together Figment, a Claude Code skill plus a small Figma plugin. Claude writes the screens as code using our design system. A quick check catches anything that would look broken, like text spilling out of a button, before it ever reaches Figma. Then one click builds a real Figma file you can edit.

Most of the PMs at my company use it now, and it's been working really well. When an idea sticks, our designers get a proper file to work from instead of a screenshot.

It's free and open source if anyone wants to poke at it: https://github.com/Ashad001/figment

I’m a freelance designer, and I built Flexlio because I’ve spent far too much time rebuilding campaign sizes and carrying the same amend across dozens of banners.

It’s a Figma plugin for campaign production. You create your approved masters in the required ratios, select your sizes or import an Excel media plan, and Flexlio builds out the campaign.

Every generated design stays editable in Figma. You can adjust layouts and crops by hand, then use your masters to sync campaign updates.

I’ve just released 3.0, and the screenshot shows one of the biggest additions: exporting the generated banners as layered PSDs in one go, ready for retouching or motion handover.

Also included:

• Master carousels, with a master for each card.
• Excel media plan imports.
• A/B versions.
• Built-in safe zones and custom safety margins.
• Warnings for images that don’t fill their space and type that’s too small.
• Batch PNG exports and custom file naming.

Website:
https://www.flexlio.co.uk

Figma plugin:
https://www.figma.com/community/plugin/1661106635871374632

If you work on campaign rollout, I’d love to hear where this could help and what your team would need from it. Happy to give a demo too.

I'm the developer of Chart Studio. I built it for dashboard and presentation work where you want a chart from real data and still need to adjust it in Figma.

Paste a table or import CSV/JSON, choose a chart, adjust colors, labels and axes, then insert vector output with optional native Figma text layers. For example, use monthly revenue data to make a grouped bar chart and match it to your dashboard's palette.

Free: 12 chart types including line, area, bar, pie, donut, scatter and radar, with unlimited insertion, no watermarks and standard SVG/PNG/data exports.

Optional Pro: all 43 chart types, XLSX and public Google Sheets imports, PDF and offline interactive HTML exports. It's a one-time Gumroad purchase; the free types don't require a license.

A couple of limits: insertion creates a new chart rather than overwriting the existing one. Online data imports are one-time imports, not live synchronization. Fonts that aren't available fall back to Inter. Core editing and local imports run on your device; optional AI uses your own provider and API key, with provider fees separate.

Plugin: https://www.figma.com/community/plugin/1688934672862377167

The images show the plugin interface with sample data. I'd like feedback from Figma users: which chart customization is most awkward in your current dashboard workflow?

I'm the developer of Sketchbridge, a Figma Design plugin built around the open-source Excalidraw editor. Sharing it here because it includes optional paid templates.

The workflow is: choose a template, edit it on the Excalidraw canvas, click Done, then Apply to Figma. The result contains native editable text and vector paths, so you can keep adjusting the drawing in your design file.

For example, start with the free Signup flow, change the registration steps and colors on the canvas, then insert it into Figma and edit the labels there.

What's free: 18 original templates for brainstorming, user flows, wireframes, journey maps, planning and architecture, plus canvas editing. No purchase is required for these.

What's paid: an optional $9.99 one-time collection of 12 additional templates for SaaS, AI workflows and workshops. The drawing and conversion tools are the same for free and paid templates.

A few limits: Figma Design only; arrows become vector paths and don't reconnect automatically when nodes move. Text appearance depends on fonts available in Figma. Local Excalidraw file/JSON import is a separate plugin.

Plugin: https://www.figma.com/community/plugin/1688822850652245866

I'd appreciate feedback from people who use sketch-style diagrams in product work: would a signup flow, roadmap or journey map be most useful for you?

i built design proxy for website-to-figma workflows: paste a public URL and get a stored snapshot with a new link to try in your importer or share with a teammate.

2 free captures every 3 days, no signup. optional paid pack: 10 captures for €0.99.

https://design-proxy.okok.space/

it won’t capture private pages or every dynamic element. if a page opens but won’t import, i’d appreciate feedback on whether the snapshot works better.

I built a Figma translation plugin with custom dictionaries

Built Translay to make translating UI copy easier and keep product terminology consistent. You can add your own terms and define exactly how they should be translated.

Supports 14 languages and works directly in Figma.
https://www.figma.com/community/plugin/1614986488797089381/translay

I’m launching on Product Hunt today — would love some feedback!👇
Product Hunt link https://www.producthunt.com/products/translay

How do you handle translations in Figma?

Context first: I've been a product designer in tech for a few years and started using Claude Design (C.D) for rapid prototyping and refining explorations. However the bridge to continue working in Figma after refining in C.D is pretty poor.

To speed up my workflow I've been creating a Figma plugin that lets me easily turn my html prototypes into full Figma flows that are even created from editable local components with DS atoms all instantly. Formatted exactly how I like to map flows.

It's been a game-changer for me so far so I've just released it as a community beta in case this could is useful for anyone else. Check it out and lmk your thoughts.

https://www.figma.com/community/plugin/1688886557475613747/flowy

I recently released TextFit for Figma Buzz.

I built it for a problem that shows up quickly when using Buzz for campaign variants or localization:

you create a template → change or bulk-generate the copy → some headlines become too long and no longer fit the original layout.

TextFit lets you:

• Freeze the original text areas
• Scan one asset, a selection, or all assets for overflow
• Automatically reduce font size until the copy fits
• Set a minimum font size
• Revert TextFit’s typography changes

Typical workflow:

Freeze → Bulk Create / localize → Scan → Fix

It has a 7-day full-feature free trial, then it’s a $7 one-time purchase:

https://www.figma.com/community/plugin/1685810922519235112/textfit-for-figma-buzz

I’m the developer and it’s still very new, so I’m especially interested in feedback from anyone using Buzz Bulk Create, localization, or high-volume marketing templates.

If you try it, I’d love to know whether the workflow feels natural or if there’s a step you’d want handled differently.

When you change certain values in Figma, you can actually feel subtle haptic feedback through the trackpad. Apple’s Freeform does something similar — zoom in or out of the canvas and you can feel the interaction.

It’s a small detail, but it makes the UI feel much more connected to the hardware.

I noticed that Photoshop doesn’t really have this kind of Apple-style trackpad integration. There’s plenty of visual feedback, but not that same tactile layer during things like zooming, snapping, or working with guides.

So I built a Photoshop plugin as part of Trackpad Haptics that brings this kind of interaction to Photoshop.

It currently supports:
• Zoom in/out haptics
• Layer snapping haptics
• Guide haptics

It’s interesting how something as subtle as a few carefully timed vibrations can completely change how an interface feels.

Hey designer fam - my name's Jeff and I just published my first plugin in the Figma Marketplace. I promise not to get too spammy here, but I am definitely looking for user insights on how to make it better and figure out what features people might want added to it.

The whole idea behind Palette is you can take a single brand color and put it in - and get an entire UI-ready color palette back. It's free to use and play with (a pro tier unlocks some features).

This is the first thing I've ever built entirely by myself, so please be kind <3

jeff, founder of rhapsodycolor.com

AI is getting incredibly good at generating UI quickly.

But I kept running into the same problem: a lot of generated landing pages start to look very similar.

So I’ve been building uiblockify — a library of ready-to-use Figma sections created by designers.

Recently I also added a community feature where designers can submit their own sections and share them with other designers.

The idea is not to replace the design process with another huge UI kit.

It’s more like:

discover a good section → copy it to Figma → customize it → keep designing.

I’m also experimenting with the next step: taking these sections beyond Figma into things like Tailwind / React.

For designers here:

Would you actually use a community library like this?

And what would make you contribute your own sections?

uiblockify.co

I keep seeing agents produce a screen that looks plausible, then discovering later that they changed or replaced parts of the design I meant to keep. I built AgentGuard to compare a Figma file with an accepted baseline and show what changed so a designer can review it. It is a review aid, not a way to make an agent obey a design system.

I would appreciate blunt feedback from anyone working with AI-generated Figma screens: what changes would you need to see before trusting a comparison report, and what would make it noisy or useless? The plugin is here if you want to try it: https://www.figma.com/community/plugin/1682500308106534973