Rosenverse

Log in or create a free Rosenverse account to watch this video.

Log in Create free account

100s of community videos are available to free members. Conference talks are generally available to Gold members.

Designing Interactive Graphics with AI Code Help

Thursday, February 5, 2026 • Rosenfeld Community
Share the love for this talk
Designing Interactive Graphics with AI Code Help
Speakers: Steve Turbek
Link:

Summary

Should designers learn to program? Back in the days of Flash, designers had tools to make digital experiences for people. Today, designers can again create interactive, data-driven experiences—they just need a little help. In this session, you’ll learn how to combine classic design software with a free AI workflow tool to add animation, interactivity, and live data to SVGs—aka Scalable Vector Graphics (crisp, code-based images that stay sharp at any size, perfect for the web, logos, and illustrations). No programming background required, just curiosity and a sense of play.

Key Insights

  • SVG is a powerful, text-based open standard that can encode interactive, animated graphics and is widely supported across browsers.

  • Design and programming historically overlapped more closely, as seen with Flash, but have since diverged, limiting designers' ability to directly build working products.

  • AI tools excel at language manipulation, making SVG ideal for AI-assisted design iteration through precise textual prompts.

  • Design is fundamentally about communication of intent rather than generating generic or statistically average outputs.

  • Designers should embrace coding mindset to fully specify product behaviors, which covers much of the programming logic in the process.

  • Layer and object naming in SVG files is critical to communicate clearly with AI and enable precise interactive modifications.

  • SVG files encapsulate data, styling, and interactivity in a single file, allowing designers to upload ready-to-use components that respond to live data.

  • AI's iterative, conversational feedback is valuable for debugging and refining designs based on explicit and evolving instructions.

  • The use of SVG sandboxes avoids CSS bleed, allowing safer and more modular dashboard or UI component assembly.

  • Open standards like SVG empower creativity and reduce dependence on proprietary platforms, enabling more direct designer innovation.

Notable Quotes

"The big distinction between design and programming is kind of being erased, and that’s an interesting opportunity for designers."

"AI design tools are great for sketching or inspiration, but designers are never asked to create statistically average designs."

"Design is the communication of intent—understanding exactly what you want and specifying it clearly is the hardest part."

"A mockup is worth a thousand prompts—visual context reduces ambiguity more than text alone."

"Naming your layers is really, really important; it helps the AI understand exactly what to manipulate."

"SVG is like bizarro HTML—you can style, animate, and make it interactive all within one language-based file."

"When developers saw the interactive color wheel I made in SVG, they were surprised but realized it reduced their workload."

"The success of this approach depends on being a good communicator and iterating constantly with the AI."

"It’s strange that despite all our technology, we’re still struggling to bring design and code closer together."

"Open standards rock. Proprietary monopolies keep you from making stuff and limit creativity."

Ask the Rosenbot
Sam Proulx
Online Shopping: Designing an Accessible Experience
2023 • DesignOps Summit 2023
Gold
Dan Saffer
Why AI projects fail (and what we can do about it)
2025 • Rosenfeld Community
Alana Washington
Theme 1: Introduction and Provocation
2024 • DesignOps Summit 2020
Gold
Jim Kalbach
Jazz Improvisation as a Model for Team Collaboration
2017 • DesignOps Summit 2017
Gold
Meredith Black
Building Community and Common Trends to Look for in 2021
2020 • DesignOps Community
George Hinchliffe
Delivering Amazing Experiences
2021 • Design at Scale 2021
Gold
Sharon Bautista
Time to Make the Donuts: How User Research Helped Bridge Disparate Teams
2024 • Enterprise Experience 2020
Gold
Tony Turner
Capturing Deep Insights
2021 • DesignOps Summit 2021
Gold
Steve Baty
Discussion
2016 • Enterprise UX 2016
Gold
George Zhang
UX Research Excellence Framework
2021 • Advancing Research 2021
Gold
Erika Flowers
The Handoff is Dead: Design-Led Engineering with AI Agents
2026 • Rosenfeld Community
Dave Malouf
The Past, Present, and Future of DesignOps: a 2-part DesignOps Community Call (Part 1)
2022 • DesignOps Community
Dan Hill
Strategic design, slowdown, and the infrastructures of everyday life
2022 • Enterprise Community
Bria Alexander
Day 2 Welcome
2024 • DesignOps Summit 2024
Gold
Anna Nguyen
Why Our Voice of the Customer is Better Than Yours
2022 • Advancing Research 2022
Gold
Llewyn Paine
Coexisting with AI: A practical guide for researchers to navigate tools, ethics, and integration
2025 • Advancing Research 2025
Gold

More Videos

Ross Smith

"Empathy sticks with you; if I tell you an inspirational story about what a customer has done, you’ll remember it."

Ross Smith

Breaking Barriers with Empathy

June 9, 2017

Dan Willis

"The theme reminds me of serial killers who live in neighborhoods for decades without anyone knowing what’s hidden inside."

Dan Willis

Theme 3: Intro

January 8, 2024

Kristin Sundermeyer

"Sometimes projects are requesting less than anticipated, sometimes much more; forecasting is always a challenge."

Kristin Sundermeyer Tygre Morehart

Design Ops Metrics

September 30, 2021

Nicole Aleong

"Destiny is the belief that a certain future outcome is predetermined regardless of the path."

Nicole Aleong

Future Orientations to Everyday Life: Futures Anthropology as a Methodology

March 26, 2024

Mark Interrante

"If you want to get faster output, optimize the work and workflow first — not add more hours."

Mark Interrante

Collaboration Flows in Product Development

June 9, 2017

Etienne Fang

"We lead ourselves, our peers, and our stakeholders; leadership happens at all levels and in all settings."

Etienne Fang

The Power of Care: From Human-Centered Research to Humanity-Centered Leadership

March 10, 2021

Erin Hoffman-John

"In a hyperconnected world, design leadership is under constant personal inspection, making kindness and empathy really hard."

Erin Hoffman-John

This Game is Never Done: Design Leadership Techniques from the Video Game World

November 6, 2017

Dan Willis

"That sounds like your process. What's your guidance system?"

Dan Willis

Enterprise Storytelling Sessions

June 14, 2018

Elizabeth Churchill

"Fuji Xerox would show you how to set up collaborative posters not just as technology but as service for social capital."

Elizabeth Churchill

Exploring Cadence: You, Your Team, and Your Enterprise

June 8, 2017