Pavel Laptev
@pavellaptev.bsky.social
Lead designer 𝘢𝘵 @gitbutler.com ⧓ pavellaptev.github.io I write open-source code, doing UI and Figma plugins. Design systems ✶ Open source ✼ Automation #FigmaPlugins #DesignSystems #Frontend #OpenSource #UXUI #WebDev
I was digging into the UI kit Figma uses for building plugins through agents. Found the page with all components: help.figma.com/hc/en-us/art... The docs say: **Caution:** PropsKit components can only be used with generative plugins. That's not quite true 🤓 you can use it outside agents tab too.
Making logos in ASCII style for GitMerge'26. So far GitHub was the hardest one, but let's see how OpenAI and Cursor turns out. Time to see what these symbols can do █▄▀
CSS in Rust is wild. Spotted it today in a vibecoded project.
Not sure how long it's been like this, but I only just noticed that Figma is using web components. Neat.
Finally added a proper JSON preview to the TokensBruecke plugin. Now you can fold groups and search for items without needing to open your editor. Also, the plugin now converts the entire JSON to align with the latest DTCG specs.
Made a few more stickers for @gitbutler.com to finish up the tattoo series.
Just a beautiful website code.storage. It's cool how they mix tribal tattoo art with terminal aesthetics and 3D elements. It is a great example of how to create a unique and memorable web design without overusing heavy effects or relying on a 'Tailwind-like' aesthetic.
code.storage
Backed by git, built for scale.
code.storage
This demo doesn't use a single line of JS code to respond to the arrow keys. Movement of the player is handled 100% by the upcoming `focusgroup` HTML attribute! Focusgroup was definitely *not* made for this 😅 But, so cool to have this out of the box on the web. More ➡️ open-ui.org/components/s...
Another interesting case: data population. A while back I built the JSON to Figma plugin to solve that. With FigClaw, I don't think I need it anymore.
Interesting that @figma.com still hasn't built anything like FigClaw. You can design in Figma Make, reach the canvas via MCP from your IDE — but nothing in between that just does things for you inside Figma itself, beyond some image generation and text editing. www.figma.com/community/pl...
New Figma plugin: FigClaw FigClaw runs a Claude agent loop: inspects nodes, writes Figma Plugin API code, executes it, reports back. The cool part is "Skills": drop in a .md file and Claude follows your rules, naming conventions, component patterns automatically. www.figma.com/community/pl...
FigClaw | Figma
FigClaw is an agentic AI-powered Figma plugin that turns natural language into real canvas changes. Unlike a simple chat assistant, FigClaw runs an autonomous loop — it inspects your selection, reads...
figma.com
I stumbled upon Josh Puckett's lovely Interface Craft website. I wanted to see how well the cards interaction (built with Framer Motion) would translate to native View Transitions. These don't have the little animated graphics, but that should be feasible with this approach.
One of the coolest web features I’m waiting for is the `focusgroup` attribute open-ui.org/components/s...
Focusgroup (Explainer) | Open UI
Open UI
open-ui.org
Been thinking about how much JavaScript we ship for basic UI patterns. Wrote it up. Anchor positioning, Popover API, Scroll-Driven Animations and more — what they replace and what's still missing 👉 blog.gitbutler.com/the-great-cs...
The Great CSS Expansion
CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their si...
blog.gitbutler.com
Didn't know there was an issue about a new CSS logo github.com/CSS-Next/css.... Here are my favorite designs. It feels like a missed opportunity for something fun, because they went with a different direction.
Am I accidentally building a Color OS? :D Different needs require different stats, so I decided to let users rearrange, show, or hide color stats however they want.
I love being able to draw any crazy stickers I want for @gitbutler.com! That’s a big part of what makes them different.
Saw a project called Readout by @benjitaylor.bsky.social. Neat idea, but a 14MB file size for a 200x200px image? That’s wild. Hard to trust the underlying code when the basics are that bloated.
Soldered my first keyboard, the Lumberjack 5x12 KEEBD! Key takeaway: sufficient solder on hotswap sockets please. Red LED indicates FN key, not error state (kinda silly I forgot that while testing…)
Quite nice dashboard to see what’s currently cooking wpt.fyi/interop-2026
web-platform-tests dashboard
wpt.fyi
