Interweave
Figma Plugin ✦ Design Tooling ✦ Vibecoding
Improved ai block creation and search recent blocks experience
timeline
12 hours, 87 prompts
Role
Solo Designer & Developer
Industry
Design Tooling
TOOLS
Figma Plugin API, Figma MCP, Claude Code
Overview
Built and shipped a Figma plugin to interweave any overlapping layers using Claude Code.
Note: Build process case study coming soon!
As Figma expands its vector capabilities with Figma Draw, I realized it still doesn’t have a native way to intertwine overlapping layers unlike its biggest competitor, Adobe.
So I decided to build it for Figma! doing this with native tools in Figma took me a lot of work: flatten layers, enter path mode, use shape builder, mask if needed, drag overlapping segments, outline strokes for stroke-only vectors, and then manually re-edit paths if you want to change anything later.
impact
46%
Avg Effect creation time went down
145K
Impressions on LinkedIn
700+
Saves on LinkedIn
Interweave Demo
How does it work?
As designers want to be spending more time experimenting rather than figuring out path modes, this was causing too much friction.
Interweave packs those steps into a few clicks.
select two or more layers in Figma.
overlap them.
run the plugin.
click segments to toggle what’s on top.
click done. want to tweak it later? select the generated frame and run the plugin again.
Why a Figma plugin?
Even as AI tools transforms design workflows, I think designers will keep coming back to the Figma canvas to play, test ideas quickly, perfect tiny details, and visualize all their iterations in one place. it depends on you as a designer, which tool to rely on Figma or AI depending on what you're iterating on.
Lastly, i built this project to learn what it takes to move from a small experiment to something people can actually use. So a Figma plugin felt like the right place to start.
────୨ৎ────