Design is all about precise communication, yet designers have struggled to communicate with computers. What if there was another way?

Designers know design tools, but coding and interaction is often a challenge

The SVG file format, known for icons, is unexpectedly, a powerful format similar to HTML.

Designers can use SVGs to include interactivity and delight in a project without breaking dev resources or code rules.

SVG is a vector format, but is written in a language like HTML

LLMs are great at manipulating language

With proper set up, a designer can upload an image and collaborate the interaction into life.

The style sheets and javascript are INSIDE the file, and sandboxed (isolated from interacting or breaking web page code).

One can ‘round trip’ between design programs and AI, made easier with the tools included here

I present a free and open source SVG AI Helper tool, used in this workshop to add interactivity to a SVG.