Happy to share buttonSoup! 🤸‍♂️
https://buttonsoup.xyz

buttonSoup is a lightweight #color #themes builder.
It's based completely on hashtag#relativecolors in #CSS, and aimed to streamline color work from a single color hex value to a basic yet complete #colorsystem.

It's completely #opensource, so Feel free to jump in:
https://lnkd.in/dV3ZhpP2

And if you get to try it, I'll be grateful for any(!) feedback to help this new little duck make it to maturity. 🐣

#designtokens #ui #design #tool

Had a wonderful time chatting with Tomer Shemi and his razor-sharp design students at Bezalel Academy of Art and Design about hashtag#mentalmodels and how to hashtag#design something new in a way that people understand it.

Thanks for having me! 🙏🏼

My recent take on how I connected my 3d assets and my #ui design, by injecting #DesignTokens and #CSS values into my #ThreeJS scenes and #GLSL shaders.

Inside are also some nice CodePens you can experiment with hands-on and have fun.
Yes, I'm a #DesignSystems dude and a #3dartist.
We are what we eat. ☕️

https://medium.com/design-bootcamp/syncing-glsl-shaders-with-design-tokens-fd3c4eed68cf

Buna Cafe mascot was a fun side-gig.

Sergio the co-Founder and I were contemplating it in his small coffeeshop (their cortado is a heaven in thimble) 2 years ago, while #Lisbon around us was slowly emerging out of the COVID lockdown.
Over time, it got life of its own and a place in the world.
And hey, they wrote about us in the standart Magazine!
If you turn up in Lisbon, this is where to find them:
https://lnkd.in/dgpYY-pT
#mascot #monkey #coffee #branding #illustration

I have wired a #glsl shader to some of its page #cssvariables (#customproperties), to create a digital typographic poster.

This experiment is a #design rather than a technical one:
Both #glsl and #cssvars have been around for years. 
But GLSL shaders require a far higher level of abstraction than a UI, and I want to see how my tokens evolves to support it.

Check out the behavior on Codepen :
https://lnkd.in/d8MWU8iS

Clone a working version of the project on Github:
https://lnkd.in/d7CFHkCX

while most of the #ai talk at the moment revolves around *deliverables*, #coding with #githubcopilot is all about the *process*:

It feels like my #workflow has just been upgraded rather than bypassed.

This is a #glsl #fragmentshader test. My conversation with the copilot on comments (IDE left side).

Live thing available on #codepen:
https://codepen.io/avinvadas/pen/zYmyOBE

#kudos #Github, I think you have nailed something fundamental.

#aidesign #codesign #creativedevelopment #aicommunity #microsoft #vscode

The flip side of # designsystems' role as agents of consistency, is that they are also the facilitators of difference. My new post on @medium.
https://medium.com/design-bootcamp/the-negative-space-of-design-systems-951f141eb84c

#designsystems #productdesign #informationarchitecture #ui #ux #design