What if, when you needed something organic, your design tool just did the physics? Right now anything that should bend, squish or react to another shape, you fake by hand with the pen tool. So I have been building a tool where shapes are actually soft.

That's awesome! I was already excited and then you pasted it into Paper and made my day. Really cool idea.

Thanks @stephenhaney!

This is REALLY cool Fabio, therefore I expect this to be copied by “real” design tools… What’s your next move? I would publish this as a standalone tool and make the repo OS, make plugins for Figma, Framer(?), Paper (?).

Thanks Domenico! Agreed! :)

Now this is something very useful, all design tools should have physics built in, especially 2D physics. beyond me why they have not added it. love this, you should publish it, make it paid.

Thanks! Appreciate the feedback!

Great tool, from a user experience alone!

Thanks!

really cool tool, possible to have less anchor points? Because it use a lot of them here for a simple shape

Yes. We can definitely simplify/clean up some of the paths.

This is very interesting to me How would we be able to do that?

I will share more soon. Still iterating.

Ohhh this is a lovely demo! Love it

Thanks!

Love this man

Thanks sir!

woah, never thought i needed this until now.

🙂

@ggsimm Close enough, welcome back locoroco

Very cool! I would love to see this interacting with arbitrary paths (e.g. squeezing two paths together). Have you done any experiments there?

Thanks Alex. Great articles on your blog! I did. Anything curvy will work reasonably well. See below and example. Let me know if this answers your question.

@alexharri_ real wizardry going on here

@alexharri_ 🪄

need this badly

Iterating a little more before release.

Shapes with actual physics instead of faking it by hand is a great idea.

Thanks!

👏🫡

🫡

I think this unlocks something similar to how pretext.ks unlocked for text. Thin flexible boundaries between objects is just the future. Now someone do this for divs

👍

Absolute genius. Wish I'd thought of it

Thanks Seb! 🙂

Love this! Such a time saver. Can we already test it somewhere 😍

DMed you.

this is rlly cool

Thanks!

this is incredible

Thank you!

This is so nice!

Thank you!

bro wtf this slams

🤜🤛

Very cool!

Thanks!

Woah🤯

🙏

will we get this in some way?

Yes, on it.

need this

Iterating a little more before releasing.

ugh need thisss

Just iterating a bit more before releasing it.

Here we go

Whoah.

🙌

This looks unreal

Thanks!

a 2D soft body solver!

🎯

Love this.

Thanks!

That's really pleasant to look at

🙏👀

idk how often designers underestimate the cognitive load of faking softness with the pen tool. actual physics in the tool means designers spend time on interaction and flow, not manual shape tweaks. in practice, that’s a 2x speedup in prototyping organic UI elements.

I have had that issue a few times in the past myself.

This is really cool!

Thanks @lionel_mora ! @withmarbleapp looks really cool too!

@alexharri_ Hi Fabio, this is amazing! Where can I Test this?

@alexharri_ Thanks! Soon online.

Link us, good sir! Salivating over here

😅