AI-Enhanced Design Studio Development

A Vite-powered, AI-enhanced design studio that helps users create and export visual designs in real time. Integrated with generative APIs, it allows for intelligent layout suggestions, dynamic text rendering, and on-the-fly PDF exports — streamlining the creative workflow from idea to output.

Frontend: Vite, React.js, Tailwind CSS

Backend: Node.js, Express

AI Integration: Gemini API (text & layout intelligence)

PDF Tools: jsPDF, pdf-lib (custom font rendering, alignment, export)

Canvas Rendering: HTML Canvas, SVG manipulation

Automation: Event-driven UI with real-time feedback

🔧 A design canvas with real-time rendering and layout editing

🤖 AI assistant integration for smart content suggestions and auto-alignment

📤 Export-to-PDF engine with support for custom fonts, rotations, and text styling

🗂️ Structured component system for reusable layout elements (headings, paragraphs, graphics)

🧠 Backend logic for text analysis and dynamic layout decisions

This project was designed as a creative productivity tool for teams, solo creators, or designers who want to automate repetitive design tasks and generate visual layouts with AI assistance.

Live AI agent suggestions built directly into the design flow

Fine-grained control over typography, positioning, and export formats

Built for both creative experimentation and structured output (ideal for reports, posters, and templates)