Inspiration

Creating comics and visual stories has always required either expensive software or artistic skills that not everyone has. We wanted to democratize visual storytelling by combining the power of FIBO's consistent image generation with an intuitive editor. The challenge of maintaining character consistency across panels, something AI image generators typically struggle with, inspired us to leverage FIBO's controllability features to solve this problem.

What it does

FrameForge is a visual narrative creator for comics, manga, and storyboards. Users describe their story idea, and our AI agents automatically plan the comic structure, generate consistent characters and scenes across all panels using FIBO, and arrange them in a professional grid layout. The editor allows easy customization with drag-and-drop panels, text layers, speech bubbles, and the ability to regenerate specific panels while maintaining visual consistency.

How we built it

We built FrameForge using Next.js 16 with React 19 and Tailwind CSS v4. The core innovation is our Agentic Workflow architecture with three specialized AI agents:

  • Planner Agent: Analyzes the story idea and creates the overall structure
  • Page Planner Agent: Designs individual page layouts with panel descriptions
  • Image Generator Agent: Crafts FIBO structured prompts to ensure character and style consistency

We leveraged FIBO's JSON-Native Controllability through structured prompts, allowing us to precisely define objects, lighting, artistic style, and photographic characteristics for each panel while maintaining coherence across the entire comic.

Challenges we ran into

The biggest challenge was maintaining character consistency across multiple panels, ensuring the same character looks identical whether they're in panel 1 or panel 20. We solved this by creating a character definition system that feeds into FIBO's structured prompts. Another challenge was designing an intuitive UI that hides the complexity of AI generation while giving users enough control to customize their creations.

Accomplishments that we're proud of

  • Built a complete end-to-end comic creation pipeline from text idea to finished pages
  • Achieved consistent character generation across panels using FIBO's controllability features
  • Created an intuitive drag-and-drop editor accessible to users with no design experience
  • Implemented a multi-agent orchestration system that intelligently plans and generates visual narratives
  • Made professional-quality comic creation accessible to everyone

What we learned

We learned how powerful FIBO's structured prompt system is for maintaining visual consistency, something critical for sequential art. We also discovered that the key to good AI-assisted creative tools is finding the right balance between automation and user control. The JSON-native approach of FIBO made it much easier to build programmatic workflows compared to text-only prompts.

What's next for FrameForge

  • Database integration for cloud storage and collaboration
  • Character library to save and reuse characters across projects
  • Style transfer to apply consistent artistic styles from reference images
  • Animation export for animated comics and motion storyboards
  • Collaboration features for teams to work on projects together
  • Template marketplace where users can share and discover comic layouts

Built With

  • next.js
  • tailwindcss
Share this project:

Updates