I’m excited to share my first Figma plugin, AddressClip, which generates random full or truncated Ethereum or Solana addresses at custom lengths.
I built it in February 2025 using Replit and Vercel after first exploring in September 2024.
When designing Web3 products, blockchain addresses appear everywhere. Sometimes you need the full string; other times, a neatly truncated version. Existing plugins could generate random addresses, but none let me control the truncation length, so I made one for myself—and for fun.
I’m not an engineer and only know basic HTML and CSS, so I vibe-coded the logic with Replit and used v0 by Vercel to build a UI that follows Figma’s specs. After debugging and polishing the style by myself, I also added theme switching. The goal was simplicity and a native feel—seamless to open and use within Figma.
The hardest part was compiling the npm package at the beginning. I hit this issue early and spent time searching for solution. Vibe-coding in Replit is undeniably convenient, but the generated code was often heavy and tricky to debug, so I iterated heavily before reaching a stable build.
After launch, despite its limited usage, feedback from both Figma reviewers and 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 reinforced how accessible coding has become through online learning, and how rapidly AI is accelerating that accessibility. As AI models mature, understanding how systems and technologies work will increasing feel like an essential literacy.
