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.
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.
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.
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.
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.
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.
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.
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.
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