Lokesh

Design minus the fluff.

[Lokesh @lokabyte]

Pphp

[Lokesh @lokabyte]

@PigsAndPlans Can I get it with a Sonos?

[Lokesh @lokabyte]

Halloween costume idea

[Autism Capital 🧩 @AutismCapital]

Chefs kiss

[Lokesh @lokabyte]

@UghDitya @district_india Aditno 🙅🏾‍♂️

[Lokesh @lokabyte]

@lucas__crespo 💯

[Lokesh @lokabyte]

@skuwamoto @figma Design in free form, then one click auto auto-layout for the entire frame as way to tidy-up.

[Lokesh @lokabyte]

@tinasang @framer It’s that simple

[Lokesh @lokabyte]

@judson @jdreeves 👏👏

[Lokesh @lokabyte]

@CharlesPattson Do you know any teams that are still using sketch?

[Frank ☼ Bach @zendadddy]

As you gain experience in your design career, you’ll get jaded, it’s part of it - these companies will suck the life out of you, you’ll get more concerned about equity vesting than high-quality, craft design, but will somehow convince yourself that you aren’t, and that makes total sense. You’re at a stage in your life where you have different values. But please, please remember! you stepped foot into this industry because you had a love to create and make things from nothing. Zero to one. That’s the game, baby. Stick to it.

[Lokesh @lokabyte]

@grinich

[Lokesh @lokabyte]

@uenodotco Welcome back!

[Lokesh @lokabyte]

@The_Sycomore You’re killing it.

[Tom Johnson @tomjohndesign]

This is how I feel about vibe coding.

Any project I try that has any kind of complication has this immediate burst of progress. Things are amazing and it feels like a superpower. Then... as I add more complexity, things crash to a halt.

The only projects that I think I can create are ones that fall in this "vibe zone". Prototypes, UIs, products—anything that's simple and has low complexity fits right in that zone. Proof of concepts, interactions, stuff like that. The tools are able to make things that fit in that slot.

But.

Everything falls to pieces as that complexity curve increases. And the problem is that any good product design process has increasing complexity. A basic prototype turns into a good prototype as soon as it has layered interactions, transitions, good affordances, hover states, 1000 tiny little details that make something feel correct and real.

The benefit of vibe coding is supposed to be that you move fast and you can whip things out—letting AI do all the work for you. The problem is it loses steam as soon as the necessary complexity is added. It keeps redoing itself, rewriting code, affecting things that are unrelated and then causing other issues.

But if you add that complexity, every vibe coding session quickly turns into a whack-a-mole bug-bashing session.

I'm not sure the solution to this. With traditional prototyping the solution is to duplicate, add more complexity, create more frames/scenes, tweak, fork, etc.

However with vibe coding, one little prompt can destroy literally everything. There's a stage where I end up walking on prompt eggshells-- trying not to give it too much or too little context so that it doesn't go rogue and break everything.

There's only a few exceptions to this. @cursor and @framer.

I can make great progress with Cursor, give it narrow context, and I have to approve the edits that it makes. This feels like a correct workflow. The problem is, I can't see the thing that it's making because it's an IDE, not a visual environment. Yes, I can create local builds and refresh my browser and all that kind of stuff. But the visual aspect is totally lost from the coding experience. It's a developer tool.

Framer gets this right because it only allows narrow updates within a single component on the page. Yes, it's limiting because it can only do a single thing at once, but at least it's not trying to create the entire page from scratch and manage it all through a prompt interface.

These seem like the right approach.

@Cursor: Allow the AI to edit anything but allow the user to approve those edits and see them in context.

@Framer: Allow the AI to only narrowly edit a single file or component to keep the complexity down to a minimum and reduce catastrophic edits.

I'm optimistic that tools like @Figma, @Lovable, @Bolt, and @V0 can make cool prototypes, but I just keep running into walls when it comes to doing anything more than just a basic interaction prototype. They need to do less IMO.

Hopeful that those tools add more controls that are in the same line as Cursor and Framer. I'll also add that this is similar to how we do it with @Basedash chart generation as well. But we're not a vibe tool in the normal sense so the parallels are a little bit harder to draw.

[Lokesh @lokabyte]

@theo Apple is indeed getting creative with it ads 😅

[Lokesh @lokabyte]

@windsurf_ai 😍

[Lokesh @lokabyte]

@The_Sycomore Haha or maybe Analog disco coder?
Nonetheless the outcome is rad.

[Lokesh @lokabyte]

@shibu0x Few years later this will be a good story to tell your colleagues and team.