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
Joerg Beringer
Scaling User Research with AI: Continuous Discovery of User Needs in Minutes
2025 • Designing with AI 2025
Gold
Steve Chaparro
Bringing Into Alignment Brand, Culture and Space
2020 • DesignOps Community
Vitorio Miliano
Don’t call it AI: Turn words into numbers with quantitative ethnography
2026 • Advancing Research 2026
Gold
Courtney Kaplan
Taking it to the next level: Career paths in DesignOps
2018 • DesignOps Summit 2018
Gold
Benjamin Real
Maturity Models: A Core Tool for Creating a DesignOps Strategy
2021 • DesignOps Summit 2021
Gold
Tricia Wang
The most popular design thinking strategy is BS
2022 • Enterprise Community
Kwabena Opoku
Methodological toolkit for unique research impact
2026 • Advancing Research 2026
Gold
Steve Portigal
Discussion
2015 • Enterprise UX 2015
Gold
Marjorie Stainback
Transforming Strategic Research Capacity through Democratization
2019 • DesignOps Summit 2019
Gold
Mark Templeton
Creating a Legacy: the ultimate experience
2017 • Enterprise Experience 2017
Gold
Sahibzada Mayed
The Politics of Radical Research: A Manifesto
2023 • Advancing Research 2023
Gold
Bria Alexander
Welcome
2022 • DesignOps Summit 2022
Gold
Shipra Kayan
Make your research synthesis speedy and more collaborative using a canvas
2025 • Rosenfeld Community
George Hinchliffe
Delivering Amazing Experiences
2021 • Design at Scale 2021
Gold
Sam Proulx
Designing For Screen Readers: Understanding the Mental Models and Techniques of Real Users
2021 • DesignOps Summit 2021
Gold
Saara Kamppari-Miller
Theme Three Intro
2023 • DesignOps Summit 2023
Gold

More Videos

Jim Kalbach

"Jazz soloists draw from a lifetime of patterns, sometimes quoting TV theme songs like the Muppets or Sanford and Son."

Jim Kalbach

Jazz Improvisation as a Model for Team Collaboration

November 6, 2017

Louis Rosenfeld

"You want someone who writes with equal parts empathy and authority, not just pure authority."

Louis Rosenfeld

Coffee with Lou: Should You Write a (UX) Book?

March 7, 2024

Catt Small

"Building influence has been such a challenging part of growing in my own career. It takes a lot of communication and understanding others’ goals."

Catt Small Micah Bennett Brian Carr Jessica Harllee

What's Next for ICs: Exploring Staff and Principal Designer Roles

February 22, 2024

Marieke McCloskey

"If you’re a person who studies people, then you’re a person who understands data."

Marieke McCloskey

User Science: Product Analytics & User Research

March 11, 2021

Llewyn Paine

"Even if you’re not doing facial recognition, storing face and voice data is under growing legal scrutiny."

Llewyn Paine

[Demo] Deploying AI doppelgangers to de-identify user research recordings

June 5, 2024

Joshua Noble

"You don’t want to overdesign just to make something more data interpretable because that can lead you down a dark path."

Joshua Noble

Casual Inference

October 6, 2023

Sara Logel

"Not all learnings lead to crucial conversations, but big insights often do, requiring emotional awareness."

Sara Logel

Your Colleagues are Your Users Too

March 29, 2023

Bria Alexander

"Learning is a marathon, not a sprint, especially in the context of online conferences."

Bria Alexander Louis Rosenfeld

Welcome

January 8, 2024

Sam Proulx

"Accessibility isn’t a checkbox you run automated tests for; you must involve people with disabilities to benchmark success."

Sam Proulx

Online Shopping: Designing an Accessible Experience

June 7, 2023