Reimagining Creative Workflows in the Age of AI

Reimagining Creative Workflows in the Age of AI

Reimagining Creative Workflows in the Age of AI

Every Model. One Canvas. Infinite Creativity

Crafting a sanctuary of minimalism and nature

Role

Product Designer

Duration

1.5 months

Product Stage

0 to 1

Flowy is an AI-native creative operating system that transforms fragmented AI tools into a unified visual workspace. Instead of jumping between chatbots, image generators, video tools, and design software, creators can build complete creative workflows on a single infinite canvas.

Flowy isn't another AI tool.

The Challenge

Creative teams already had powerful tools for generation and editing. The problem wasn't creating content. It was maintaining momentum between creation and refinement. Every export, import, and context switch interrupted the creative process

Creative teams already had powerful tools for generation and editing. The problem wasn't creating content. It was maintaining momentum between creation and refinement. Every export, import, and context switch interrupted the creative process

How might we help creators move from

prompt to production without breaking flow?

How might we help creators move from

prompt to production without breaking flow?

Insights
Insights

1

Creation is not linear. Users constantly branch, compare variations and revisit earlier ideas.

2

Users want control, not just automation. Generating is easy. Refining is where most time is spent.

3

Context is king in the creative process. Every workflow break costs momentum.

Understanding Users

What Makes Creative Work Different?

Before designing interfaces, I wanted to understand how creative work actually happens. Through workflow analysis and user conversations, three patterns emerged:

Before designing interfaces, I wanted to understand how creative work actually happens. Through workflow analysis and user conversations, three patterns emerged:

Design Decisions

01

Should generation and editing be separate?

Hypothesis

Generation and editing are fundamentally different workflows. Keeping them separate would reduce complexity and make each experience easier to understand.

Observation

During testing, users had little difficulty using either tool independently. The friction emerged when moving between them. The transition felt less like switching modes and more like leaving one project and starting another.

Design Direction

Shared-project architecture.
Users could switch between canvas and editor within same project.

Desiging the Bridge

The Compositor

Generation and editing serve different purposes. Generation is exploratory. Editing is curatorial. Automatically pushing every generated asset into the timeline optimized for quantity rather than intention.

02

Scalable Node System

Scalable Node System

Scalable Node System

Problem was that how do you support eight node types which had different complexities, different types and numbers of input and output possibilities.

Visible Data Flow

Inputs and outputs remain obvious through connection states and node relationships.

Visible Data Flow

Inputs and outputs remain obvious through connection states and node relationships.

Color Recognition

Each kind of node was assigned specific color to reduce complexity and ease muscle memory building.

Color Recognition

Each kind of node was assigned specific color to reduce complexity and ease muscle memory building.

Preserving Prompts

Retaining prompt context while reducing visual clutter.

Adapting to Modes

Different Behaviour of nodes according to the selected mode

04

Bringning Story to Life

Bringning Story to Life

Alongside the product experience, I collaborated on the launch landing page to ensure the external narrative reflected the product's core promise.

My Contribution included Interaction Concepts, Information Hierarchy, Design Reviews, Visual Exploration, Visual execution was collaborative.

Actual logo in the following recording is blurred because of NDA.

Alongside the product experience, I collaborated on the launch landing page to ensure the external narrative reflected the product's core promise.

My Contribution included Interaction Concepts, Information Hierarchy, Design Reviews, Visual Exploration, Visual execution was collaborative.

Actual logo in the following recording is blurred because of NDA.

Alongside the product experience, I collaborated on the launch landing page to ensure the external narrative reflected the product's core promise.

My Contribution included Interaction Concepts, Information Hierarchy, Design Reviews, Visual Exploration, Visual execution was collaborative.

Actual logo in the following recording is blurred because of NDA.

05

Reducing Friction

Reducing Friction

Beyond the core workflow, several smaller design decisions helped make the product feel more intuitive and efficient in everyday use.

Access to Nodes in Timeline

Users often needed new assets while editing, but switching back to the canvas disrupted their workflow. Generation and access to generated nodes directly within the timeline, corresponds nodes in the canvas, allowing users to stay focused while retaining full control when needed.

Brand Kits

Users repeatedly re-entered brand assets. Brand memory became a reusable system instead of prompt text.

Smart Project Thumbnails

Users remembered projects through outputs, not names. I designed content-aware thumbnail generation to improve project recognition. The logic created by me would make a great thumbnail for any kind of media inside the project.

Scenes Based Timeline

Users repeatedly re-entered brand assets. Brand memory became a reusable system instead of prompt text.

06

Building for Scale

With five engineers building simultaneously, consistency became a product challenge. I created a scalable component system that aligned closely with implementation patterns, reducing ambiguity during development.

Outcome

What Shipped

✓ Unified project architecture connecting generation and editing
✓ Compositor workflow for asset curation and sequencing
✓ 8 interconnected node types
✓ AI-assisted generation workflows
✓ Professional timeline editor
✓ Brand Kit system
✓ Reusable component library
✓ Shared AI experience across modes
✓ Asset management and project organization
✓ Launch landing page

✓ Unified project architecture connecting generation and editing
✓ Compositor workflow for asset curation and sequencing
✓ 8 interconnected node types
✓ AI-assisted generation workflows
✓ Professional timeline editor
✓ Brand Kit system
✓ Reusable component library
✓ Shared AI experience across modes
✓ Asset management and project organization
✓ Launch landing page

What I Learnt

This project pushed me beyond interface design and into product design.

With no dedicated PM and a compressed timeline, I was responsible not only for designing screens but also for shaping workflows, prioritizing tradeoffs, validating assumptions and collaborating closely with engineering.

More importantly, it reinforced a lesson I now apply to every AI product:
" The challenge isn't helping users create faster. It's helping them stay in flow while creating. "

This project pushed me beyond interface design and into product design.

With no dedicated PM and a compressed timeline, I was responsible not only for designing screens but also for shaping workflows, prioritizing tradeoffs, validating assumptions and collaborating closely with engineering.

More importantly, it reinforced a lesson I now apply to every AI product:
" The challenge isn't helping users create faster. It's helping them stay in flow while creating. "

SHALAKA BALDE

shalakabalde1@gmail.com

Email copied!

+91 8251027909

Mobile copied!

SHALAKA BALDE

shalakabalde1@gmail.com

Email copied!

+91 8251027909

Mobile copied!

SHALAKA BALDE

shalakabalde1@gmail.com

Email copied!

+91 8251027909

Mobile copied!

Back

Back

Create a free website with Framer, the website builder loved by startups, designers and agencies.