liamx

I design and build interactive stuff. Mostly for fun. Open to collaborations.

[liamx @liamx511]

Built with shaders in @paper (copy as React).
@motiondotdev for the animation and @cursor_ai for the code.
Designers nowadays have so many tools to build!

[liamx @liamx511]

👀

[Tran Mau Tri Tam ✪ @tranmautritam]

Design Twitter is 90% screenshots, 10% actual thinking

Here's the 10%:
@benjaminnathan
@senyil
@baothiento
@NateWatkin
@yuichirohonda_
@zzzzshawn
@arynadesigns
@gustavwf
@deeplakhani
@emili_iv
@lucas__crespo
@Tycreated
@basit_designs
@daniel__designs
@greeenyang
@CJfromJBW
@seangeng
@samstooff
@aliszu
@stevelauda_
@nlevin
@miggi
@kyleanthony

Who else posts real design lessons? Drop them below 👇

[liamx @liamx511]

finally…

[Figma @figma]

Figma Make, now on your local code

In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase

At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

[Rasmus Andersson @rsms]

This is really neat but it’s not a design tool as much as it’s a design _production_ tool.

The practice of design is mostly about what comes before production.

There’s no doubt in my mind that all parts of software production will become automated very soon. Writing code, making web pages, putting pieces of a design system together etc.

And that’s fine. I think few people actually enjoy this kind of production work. Wouldn’t it be better if we spent our precious time in life on what is more meaningful?!

At the core, the practice of design is methodical; like architecture, not like art. In a nutshell: We find constraints, form comprehension of the whole and propose solutions that honor those constraints. First after that do we enter some form of production phase, usually prototypes first, learn about some constraints that were hidden before, loop back, prototype and then build the production-grade “final” artifact.

These last few tasks are quickly losing value because AI tools can do it much faster (not yet better though) than humans. It’s simply just what has the best RoI for a business.

Some companies and individuals will continue to spend human time on certain parts of the “production line” as a market differentiator, but it will cost them a relatively high price compared to competitors.

Anyhow, I still haven’t seen a tool better than Figma that supports the actually-interesting part of the design process.

I wouldn’t be surprised if Figma focused their products on that, maybe separating “products for production” of “products for ideation & exploration.” The latter would obviously still leverage AI, but not to do the work for me but rather to support my efforts the way a therapist helps me live a better life (not living my life for me.)

[liamx @liamx511]

@motiondotdev checking this out!

[Motion @motiondotdev]

Introducing CSS Studio.

A design tool that lives in your site. Runs in your browser. Writes code with your existing AI agent.

All completely local - so no subscription. One price, lifetime updates.

[liamx @liamx511]

@stephenhaney @paper congrats! I just paid for it haha

[liamx @liamx511]

@sureworry cute!

[liamx @liamx511]

@andrewwoan love this!

[Andrew Woan @andrewwoan]

Hey everyone! New beginner three.js and Blender tutorial out! Create a cozy cafe portfolio, a little bit of TSL too.

Tutorial: https://t.co/b8kInfVTjI
Site: https://t.co/tcmLaF2Q0Y
Code, Credits, Blender file, etc: https://t.co/UkLitz7WsS

#threejs #threejsJourney #tsl #b3d

[liamx @liamx511]

Made with @paper and coding agent. It's a great workflow with MCP

[liamx @liamx511]

Crafting motion details for my coming AI product. Beta version will come out soon!

Made with @motiondotdev

#BuildInPublic

[liamx @liamx511]

Made a live AI sphere with three.js to give chat UI a bit of personality.

It’s a quick demo but fun. Will explore more haha

#threejs #madewithmotion #threejsJourney #webGL

[liamx @liamx511]

@Clarrycy @skywt2003 设计语境和语言的差异会导致美的差异，这个确实难分高下。但客观美是另一个事情。内地网站就是更丑陋，没有呈现出我们独有的文化语境下该有的美感。如果我们否认了丑陋，那也放弃了对美的追求。

[liamx @liamx511]

@Clarrycy @skywt2003 怎么会没有高下之别？

[liamx @liamx511]

@ui_peterr @paper @motiondotdev @cursor_ai it’s very easy to make the shader part in Paper, you may want to try it

[liamx @liamx511]

Built with shaders in @paper (copy as React).
@motiondotdev for the animation and @cursor_ai for the code.
Designers nowadays have so many tools to build!

[liamx @liamx511]

@JoinAbbeyVC @paper @motiondotdev @cursor_ai it’s a feature in paper that gives you the shader code.

[liamx @liamx511]

@motiondotdev @paper @cursor_ai for this one I used animate for the smooth color transition

[liamx @liamx511]

@MaxZIndex @bruno_simon thanks!

[liamx @liamx511]

Built a music player demo with three.js and motion😆

（just finished the three.js course by @bruno_simon, the best course I’ve taken)
#threejs

[liamx @liamx511]

@SaveDesignHQ thanks haha