Inspiration
icurrently designing and developing are seperated so Connected Space is an ambitious, fully integrated software platform designed to revolutionize the development workflow by merging design, coding, and deployment into a single, real-time, bi-directional environment powered by AI.
What it does
The central objective is to eliminate the manual "hand-off" between designers and developers.Goal: Create a seamless, real-time collaboration space between a user (designing on a Tablet) and an AI Agent (writing code on a PC).Key Innovation (Direct Coding by Design): Enables users to design visually using a stylus on a tablet, which is instantly and automatically translated into production-ready code on a PC.Enabling Technology: The Adaptive Sync
How I built it
Engine (ASE), which facilitates instantaneous, true bi-directional synchronization between the visual design and the underlying code (Design $\leftrightarrow$ Code).
⚙️ The Three-Phase AI Workflow
Phase 1: Prompt & Idea Refining
The AI, acting as the Project Architect, generates the initial plan, high-level architecture, and the complete code scaffold based on a natural language prompt.
Phase 2: Live Design & Discussion (Tablet Primary)
The user interacts with the design using a stylus on the Plan Interface (The Canvas Mirror)—a Figma-like canvas.
The AI (Synaptic Agent) translates all visual edits and changes immediately into corresponding code updates.
Phase 3: Seamless Code Integration (PC Primary)
The AI writes the live, generated code directly into the user's native IDE (The Code Nexus).
Users see changes instantly and can direct the AI to refactor code or implement complex features/APIs via non-visual, natural language prompts.
What I learned
Unique Value Proposition
Direct Coding by Design-----Visual inputs on the tablet (stylus) bypass the need for manual design-to-code translation, generating production-ready code instantly.
True Bi-directional Sync---Changes manually applied by a developer within the IDE (PC) are instantly reflected visually back onto the tablet's design canvas.
All-in-One Connected Ecosystem-------Provides deep integration for essential services, including Git (GitHub), domain management, CDN hosting, and automated serverless backend (database, APIs, functions).
Log in or sign up for Devpost to join the conversation.