quick demo on how to ask efecto to animate anything and then how you can edit the animations manually
you can now do animations in efecto
including masked combos
soon, updating the mcp so you can make them with your agent
beep boop
added UI sounds to @efectodotapp
and a dashboard to customize each sound
(don't worry... they're optional lol)
efecto retweeted
dropped brand systems in @efectodotapp create a system once (colors, type, icons, voice, imagery) and it flows everywhere. Then, your AI agent should design on brand by default
it's all tokens under the hood, shadcn, tailwind, skills... code is brand
We added a button that let's you make quick changes to your design, try it out at efecto.app
new icon sets
oh, and robots can use them too :)
opens an AI tool, types "make a landing page for my startup," gets an ok looking page in 20 seconds, immediately tweets "designers are cooked!"
my friend, you don't know what kerning is. why certain typefaces feel trustworthy and others feel like a crypto scam. why that button feels dead or why ur page with ten fonts looks like a garage sale
you have no idea how contrast guides attention, why a headline needs to breathe, what optical alignment is
designers spend years training their eye on stuff that's invisible when it works.... typographic scale, color systems that hold up across contexts, spacing that creates rhythm, hierarchy that tells your brain what matters first... the stuff you can't prompt for because you don't know the words to describe what's wrong
the AI gave you a layout. which is cool... but that's maybe 1% of what makes a product feel designed. the other 99% is judgment across hundreds of screens... what happens when a name is 3 characters vs 45, when empty states need to feel intentional, when accessibility breaks, when the design system collapses under its own weight
and the confidence... "yeah it's not pixel perfect but just need to tweak some spacing" ... the spacing IS the design. that's like saying you built a house, just need to adjust the architecture
AI is incredible for exploring ideas. efecto is literally a vibedesign tool. but there's this weird thing where people who've never designed anything used by real humans now think the hard part was drawing the first screen
it never was
vibecoder asks claude code to build a chat app, gets a working prototype in 20 minutes, immediately tweets "just killed slack and discord"…
brother you don't even know what a distributed system is. you don't know what database replication means. you have no idea how websocket connections behave at scale or what happens when 50k people are online at once and someone's message needs to show up in 200ms across 3 continents
slack has engineers making $300k+ who have spent a decade solving problems you don't even know exist yet. race conditions, eventual consistency, message ordering, presence systems, file storage at scale, search indexing across billions of messages
your app works on localhost with 2 connections. that's not the same thing as "killing slack" that's a college homework assignment
the prototype is maybe 0.5% of what makes these products actually work in production. the remaining 99.5% is infrastructure, reliability, edge cases, and years of iteration on problems that only surface when real humans use your thing at scale
and the worst part is the confidence. "yeah its not perfect but ai one-shotted it, just need to adjust a few things and deploy" - the few things you need to adjust IS the entire product. thats like pouring a foundation and saying you basically built a skyscraper, just need to adjust a few things
ai is genuinely incredible for building tools and prototypes. i use it every day. but there's this weird thing happening where people who have never shipped anything to real users at scale now think the hard part of software is writing the first 200 lines of code
it never was bro
efecto retweeted
added a way to create variations of a component or a whole page to compare side by side in @efectodotapp
invite humans and robots to the canvas!
efecto retweeted
you can use @efectodotapp not just to design apps or websites but any visual assets, and since you can connect it to your codebase, it knows your brand/style by default
for example, here, I used efecto to design an IG carousel about... efecto :)
try it efecto.app/
efecto retweeted
1. In your terminal, paste this:
npx @efectoapp/mcp install
2. Open Claude Code
3. Ask it to design anything (site, poster, social media) using efecto
oh.. yeah...
we just updated to be a full blown design tool
you can create websites, slides, social media posts, whatever
just ask your ai agent to help you
then you can fine-tune together
and export as code, images, or even publish
try it efecto.app
meet @efectodotapp, where humans and robots design together
a familiar canvas + creative tools, where u can invite Claude Code to collab
oh, and everything is React, Tailwind, and CSS under the hood. what you design is what ships. 1:1 with code. Always
efecto.app
to use claude code with efecto:
1. install the mcp on your terminal:
npx @efectoapp/mcp-studio install
2. then ask claude code to design anything in Studio (saying "studio" is important)
3. open the link it gives u and see it create something live... then manually fine-tune
efecto retweeted
been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u
infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
efecto.app/studio
efecto retweeted
designing a dashboard with @efectodotapp Studio and Claude Code
an infinite canvas. Every element editable. Everything exports as code
Bring your own AI agent or our built-in one to spin up variations, iterate, or just vibe on a design




