Mike Bespalov's banner

Mike Bespalov

@bbssppllvv • 13,166 subscribers

Making AI design not suck. Founder of @referodesign (250K+ users). Ex- @clerk

Shorts

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

234,196 görüntüleme

It’s 3AM and I just recreated Apple Liquid Metal right in the browser. No JavaScript. No WebGL. Just raw HTML + CSS. Let me know if you want the code

It’s 3AM and I just recreated Apple Liquid Metal right in the browser. No JavaScript. No WebGL. Just raw HTML + CSS. Let me know if you want the code

1,232,557 görüntüleme

I needed a dithering effect for some project photos, but none of the available tools were cutting it. So, I built my own! It only took a couple of hours, and I’m pretty proud of the result

I needed a dithering effect for some project photos, but none of the available tools were cutting it. So, I built my own! It only took a couple of hours, and I’m pretty proud of the result

441,426 görüntüleme

Playing around with some fancy buttons. Not sure it’s perfect, but it’s pretty close. Curious what you think

Playing around with some fancy buttons. Not sure it’s perfect, but it’s pretty close. Curious what you think

291,109 görüntüleme

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast

Just crafted what might be the smoothest delete effect ever, using pure SVG filters. No libraries, works across all browsers, and crazy fast

279,034 görüntüleme

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

Many said it would be nearly impossible to recreate on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browser

255,373 görüntüleme

Hi dear Higgsfield AI 🧩, happy to collaborate. My audience will love learning that you’re a scam machine with products that never work as advertised, powered by rage bait marketing. Always a pleasure. Send the $100

Sensitive content

Hi dear Higgsfield AI 🧩, happy to collaborate. My audience will love learning that you’re a scam machine with products that never work as advertised, powered by rage bait marketing. Always a pleasure. Send the $100

48,649 görüntüleme

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon

95,068 görüntüleme

Still can’t believe this thing actually exists

Still can’t believe this thing actually exists

126,858 görüntüleme

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

Thanos Effect? I think it’s perfect naming. All code finally available on CodePen. Snap responsibly

108,135 görüntüleme

New Displace v2 for Figma is coming soon, and it’s wild

New Displace v2 for Figma is coming soon, and it’s wild

60,563 görüntüleme

Playing around with a loading (thinking) animation. All in SVG

Playing around with a loading (thinking) animation. All in SVG

28,505 görüntüleme

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

81,837 görüntüleme

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

14,805 görüntüleme

We just added this cool dissolve effect for search on Refero. It’s looking amazing! Go see it in action live

We just added this cool dissolve effect for search on Refero. It’s looking amazing! Go see it in action live

58,988 görüntüleme

Was just messing around in Figma, trying to mock up a shockwave / sonic boom effect two hours later… I vibecoded a whole plugin that does exactly that and nothing else 😅 funny how you can go from “let me try this real quick” to “guess I’m writing tools now” without even noticing

Was just messing around in Figma, trying to mock up a shockwave / sonic boom effect two hours later… I vibecoded a whole plugin that does exactly that and nothing else 😅 funny how you can go from “let me try this real quick” to “guess I’m writing tools now” without even noticing

15,053 görüntüleme

Displace plugin for Figma. Coming soon

Displace plugin for Figma. Coming soon

12,730 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free.

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free.

1,510,995 görüntüleme • 1 ay önce

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back

521,896 görüntüleme • 3 ay önce

Okay, OpenAI’s o3 is insane. Spent an hour messing with it and built an image-to-ASCII art converter, the exact tool I’ve always wanted. And it works so well

Okay, OpenAI’s o3 is insane. Spent an hour messing with it and built an image-to-ASCII art converter, the exact tool I’ve always wanted. And it works so well

895,846 görüntüleme • 1 yıl önce

Imagine your AI doing design research before generating UI. Studying real screens and user flows instead of guessing That’s Refero MCP

Imagine your AI doing design research before generating UI. Studying real screens and user flows instead of guessing That’s Refero MCP

150,965 görüntüleme • 3 ay önce

It’s live! After some final tweaks ASCII converter is officially ready. Turn any image into ASCII art instantly

It’s live! After some final tweaks ASCII converter is officially ready. Turn any image into ASCII art instantly

661,450 görüntüleme • 1 yıl önce

You all saw that OpenAI Super Bowl ad, right? Well, I recreated the exact same effect using ONLY OpenAI tools Code - o3-mini Video - Sora Try it here

You all saw that OpenAI Super Bowl ad, right? Well, I recreated the exact same effect using ONLY OpenAI tools Code - o3-mini Video - Sora Try it here

412,005 görüntüleme • 1 yıl önce

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good

66,499 görüntüleme • 6 ay önce

Everyone’s out here one-prompting Remotion videos. But I spent two evenings building a tiny editor instead. Now every new project on Refero ships with a clean product demo clip

Everyone’s out here one-prompting Remotion videos. But I spent two evenings building a tiny editor instead. Now every new project on Refero ships with a clean product demo clip

35,491 görüntüleme • 4 ay önce

Why spend a week on a portfolio when I can make a video in 30 minutes? Looking for a badass designer? DM me now. Not hiring? Share this anyway

Why spend a week on a portfolio when I can make a video in 30 minutes? Looking for a badass designer? DM me now. Not hiring? Share this anyway

64,182 görüntüleme • 1 yıl önce

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

I think I just cracked how to run displacement effects right in the browser. It’s quick to implement and works perfectly on scroll, hover, or any other event you want to trigger. Maybe it’s time to release Displace for web soon?

37,901 görüntüleme • 1 yıl önce

Daha fazla içerik yok.