I’m excited to share AddressClip, my very first Figma plugin. It generates random full or truncated Ethereum or Solana addresses at custom lengths.
I built it in February 2025, after casually experimenting back in September 2024. The motivation was simple: when designing Web3 products, blockchain addresses are everywhere. Sometimes you need the full string; sometimes just a neatly truncated version. Plenty of plugins could generate random addresses, but none let me control the truncation length, so I made one myself.
I’m not an engineer and only know basic HTML and CSS. This was very much a vibe-coding project. I used Replit to help write the logic and Vercel to design a UI that follows Figma’s native UI. After a lot of debugging and manual cleanup, I added theme switching and refined the visuals, aiming for something simple, lightweight and seamless to use inside Figma.
The toughest part was compiling the npm package at the start—I got stuck early and spent quite a bit of time digging for solution. While Replit made experimentation fast, the generated code could be heavy and hard to debug, so iteratation was unavoidable before things finally clicked.
After launch, usage has been modest, but the feedback from both Figma reviewers, community, as well as support from my followers has been genuinely encouraging.
While I don’t have immediate plans to update AddressClip or build more plugins, but this journey drove one thing home:
Coding is more accessible than ever.
With online resources and AI, understanding how systems and technologies work is quickly becoming a new kind of literacy—and I’m glad I took the leap.
