Mike Bespalov

@bbssppllvv • 13,631 subscribers

Making AI great at design Founder @referodesign (400k+ users) · ex @clerk

Shorts

98,593 views

1,237,312 views

239,138 views

441,712 views

291,339 views

279,804 views

255,561 views

95,229 views

48,715 views

108,411 views

60,780 views

81,910 views

29,168 views

59,753 views

14,805 views

Videos

sweetdream.ai

Watch Anya Live

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

Private Show

Join now for exclusive access

Free preview available • Premium content

1,585,466 views • 5 months ago

106,490 views • 17 days ago

525,248 views • 8 months ago

897,380 views • 1 year ago

664,159 views • 1 year ago

412,546 views • 1 year ago

152,747 views • 7 months ago

66,986 views • 10 months ago

35,566 views • 8 months ago

64,263 views • 1 year ago

37,901 views • 2 years ago

10,278 views • 7 months ago

No more content to load

Live Cam

Mike Bespalov

Shorts

Everyone who upgrades to Refero Pro sees this animation right after checkout. I'm a bit proud of it. It's a ~3 KB animated SVG. No canvas. No WebGL. No video. No JS.

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

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 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

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

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

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

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

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

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

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

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

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

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

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:

Videos

Watch Anya Live

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.

You asked how. Here's how

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

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

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

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

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

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

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

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

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?

AI agents can now work directly in Figma. I built Portal so they can create screens, edit existing files, manage your design system, insert assets, and fix their own mistakes by looking at screenshots. It feels like magic DM for beta access