Sign in

Pavel Laptev

@pavellaptev.bsky.social
125 followers 62 following 210 posts

Design 𝘢𝘵 @gitbutler.com ⧓ pavellaptev.github.io

PostsRepliesMedia
Pavel Laptev @pavellaptev.bsky.social · 17/09/2026
Ahah 😁
000
Pavel Laptev @pavellaptev.bsky.social · 16/09/2026
I noticed that popular variable fonts like Inter and Geist lack some of the special symbols found in their static versions.
010
Pavel Laptev @pavellaptev.bsky.social · 14/09/2026
There are definitely good and bad examples. I mostly notice the inconsistency within a single website, like having hover states on some buttons, but missing on others.
110
Pavel Laptev @pavellaptev.bsky.social · 12/09/2026
Figma color-mix feature. Posting it now so future me can check how wrong (close?) I was.
011
Pavel Laptev @pavellaptev.bsky.social · 11/09/2026
...or what, Cursor?
000
Pavel Laptev @pavellaptev.bsky.social · 08/09/2026
While we're still waiting for overlay scrollbars in CSS, here's a nice article on making one in 2026 using modern CSS: blog.master.dev/custom-scrol...
blog.master.dev
Custom Scrollbar Component In 2026
Thanks to some very modern CSS, we can visually replicate the logic of scrollbars. Then make them actually functional.
011
Pavel Laptev @pavellaptev.bsky.social · 07/09/2026
Wrote a small post about experimenting with the Figma agent + Claude + GitHub Actions to ship our design tokens to npm. The agents wrote all the scripts. Then a button ran them faster. blog.gitbutler.com/design-token...
blog.gitbutler.com
Figma agent vs. one button: shipping design tokens to npm
I automated our design tokens release with two AI agents. It took six minutes per run. A button my plugin has had for years takes seconds.
021
Pavel Laptev @pavellaptev.bsky.social · 21/08/2026
And here is the skill www.figma.com/community/sk...
figma.com
export-tokens | Figma
000
Pavel Laptev @pavellaptev.bsky.social · 21/08/2026
tokens-bruecke 3.6.0 is out 🎉 www.npmjs.com/package/toke... The new `--input` flag and `init` command so the Figma agent can drive the CLI: it dumps the variables from your open file, pipes them in, and gets DTCG tokens back. No API key. No Enterprise plan. A Figma skill is coming soon 👀
Screenshot of a Figma agent confirming a full round-trip with tokens-bruecke 3.6.0: it extracted a snapshot from a Figma file via the Plugin API and piped it through the CLI with --input. Counts listed: 2 variable collections (core, semantic), 233 variables, 43 text styles, 5 effect styles. The result was a clean 70KB DTCG tokens JSON with exit code 0, with colour ramps, semantic tokens and aliases intact — no API key and no Enterprise plan needed.
140
Pavel Laptev @pavellaptev.bsky.social · 21/08/2026
🤩
000
Pavel Laptev @pavellaptev.bsky.social · 19/08/2026
niiiice
000
Pavel Laptev @pavellaptev.bsky.social · 19/08/2026
true 🙈
000
Pavel Laptev @pavellaptev.bsky.social · 07/08/2026
Sure thing issues.chromium.org/issues/54368...
issues.chromium.org
Chromium
000
Pavel Laptev @pavellaptev.bsky.social · 07/08/2026
Looks fine in Safari and Firefox. I’ll file a bug, thanks for the link.
crbug.com
Chromium
110
Pavel Laptev @pavellaptev.bsky.social · 07/08/2026
Nice welcome screen 😎
000
Pavel Laptev @pavellaptev.bsky.social · 07/08/2026
Encountering an issue with SVG rendering in Chrome 151.0.7922.75. Elements using vector-effect appear at half their intended stroke width. Wonder if I'm missing a configuration detail or it's a bug 🤔 codepen.io/editor/Pavel...
100
Pavel Laptev @pavellaptev.bsky.social · 01/08/2026
Impressive
011
Pavel Laptev @pavellaptev.bsky.social · 26/07/2026
Just import CSS and JS files: ``` <link rel="stylesheet" href="https://www.figma.com/propskit/fig.css"> <script src="https://www.figma.com/propskit/fig.js"></script> ``` Would love to see Figma drop the 'generative plugins only' label and just make this an officially supported UI kit for everyone.
000
Pavel Laptev @pavellaptev.bsky.social · 26/07/2026
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.
130
Pavel Laptev @pavellaptev.bsky.social · 23/07/2026
The last one is gonna be a boss fight
010
Pavel Laptev @pavellaptev.bsky.social · 23/07/2026
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 █▄▀
141
Pavel Laptev @pavellaptev.bsky.social · 18/07/2026
🤝
000
Pavel Laptev @pavellaptev.bsky.social · 17/07/2026
CSS in Rust is wild. Spotted it today in a vibecoded project.
140
Pavel Laptev @pavellaptev.bsky.social · 14/07/2026
Super cool. It’s really nice to have lists that aren't boring
010
Pavel Laptev @pavellaptev.bsky.social · 14/07/2026
True. And it's also a very nice DX too
020
Pavel Laptev @pavellaptev.bsky.social · 14/07/2026
Not sure how long it's been like this, but I only just noticed that Figma is using web components. Neat.
2203
Pavel Laptev @pavellaptev.bsky.social · 13/07/2026
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.
010
Pavel Laptev @pavellaptev.bsky.social · 11/07/2026
010
Pavel Laptev @pavellaptev.bsky.social · 19/05/2026
020
Pavel Laptev @pavellaptev.bsky.social · 19/05/2026
120
Pavel Laptev @pavellaptev.bsky.social · 19/05/2026
Made a few more stickers for @gitbutler.com to finish up the tattoo series.
130
Pavel Laptev @pavellaptev.bsky.social · 14/05/2026
020
Pavel Laptev @pavellaptev.bsky.social · 14/05/2026
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
code.storage
Backed by git, built for scale.
120
Reposted by Pavel Laptev
Patrick Brosset @patrickbrosset.com · 04/03/2026
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...
46616
Pavel Laptev @pavellaptev.bsky.social · 17/04/2026
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.
010
Pavel Laptev @pavellaptev.bsky.social · 17/04/2026
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...
020
Pavel Laptev @pavellaptev.bsky.social · 17/04/2026
or when I need to export a batch of icons in a very specific way
020
Pavel Laptev @pavellaptev.bsky.social · 17/04/2026
Here are a few examples: when I need to relink missing variables after moving them to another file
110
Pavel Laptev @pavellaptev.bsky.social · 17/04/2026
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...
figma.com
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...
270
Pavel Laptev @pavellaptev.bsky.social · 08/04/2026
Neat! I love that you added focus matching for every card. Tabbing is broken on the original website, so this is a nice improvement.
110
Reposted by Pavel Laptev
Andy Stewart @andystew.art · 27/03/2026
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.
251
Pavel Laptev @pavellaptev.bsky.social · 07/04/2026
Thanks! Really loving 2.0 design
000
Pavel Laptev @pavellaptev.bsky.social · 04/04/2026
That's brilliant! The website looks and feels great. 👏
110
Pavel Laptev @pavellaptev.bsky.social · 03/04/2026
Nice! Thanks for the links. I think fws-supply feels much snappier when ‘motion’ is turned off.
010
Pavel Laptev @pavellaptev.bsky.social · 03/04/2026
Thanks! I completely missed this. Nice to see some movement there, thanks for sharing the link.
020
Pavel Laptev @pavellaptev.bsky.social · 01/04/2026
Thanks! Yes, a few things still missing some pieces, but the overall look is good already.
000
Pavel Laptev @pavellaptev.bsky.social · 27/03/2026
How it started: How it's going:
010
Pavel Laptev @pavellaptev.bsky.social · 27/03/2026
Got some new prints in the @gitbutler.com office
122
Pavel Laptev @pavellaptev.bsky.social · 24/03/2026
One of the coolest web features I’m waiting for is the `focusgroup` attribute open-ui.org/components/s...
open-ui.org
Focusgroup (Explainer) | Open UI
Open UI
020
Pavel Laptev @pavellaptev.bsky.social · 21/03/2026
New @gitbutler.com stickers just arrived 🤡🎇🎸
072