Inspiration
I was inspired by the gap between professional design knowledge and everyday users' needs. Many people struggle with design principles like color harmony, typography, and layout optimization. I wanted to create an AI assistant that could analyze designs in real-time and provide actionable feedback, making good design accessible to everyone.
What it does
Design Sensei is an AI-powered Adobe Express add-on that analyzes your designs and provides professional feedback. It captures your design as an image, analyzes color harmony, layout structure, typography hierarchy, and visual appeal, then gives you a design score and specific improvement suggestions. You can apply AI-generated enhancements with one click.
How we built it
Built using Adobe Express SDK with a modular architecture: HTML5 Canvas for design capture, OpenAI Vision API for analysis, and a responsive UI. The system renders design elements to canvas, converts to base64 images for LLM processing, and provides real-time feedback through an intuitive interface.
Challenges we ran into
Adobe Express SDK limitations required building a custom canvas rendering system. Balancing AI automation with user control was tricky - we wanted helpful suggestions without overwhelming users. Performance optimization for real-time analysis required efficient algorithms and smart caching strategies.
Accomplishments that we're proud of
Successfully integrated AI design analysis into Adobe Express with real-time canvas capture. Created an intuitive interface that makes complex design principles accessible. Built a robust system that can analyze any design and provide actionable feedback. Developed global APIs for external integration.
What we learned
Deep dive into Adobe Express SDK, HTML5 Canvas programming, and AI integration patterns. Learned about design theory, color harmony algorithms, and typography principles. Mastered prompt engineering for design analysis and developed skills in creating AI-human collaborative tools.
What's next for Design Sensei
Planning advanced AI models for more sophisticated analysis, integration with other design platforms, collaborative features, and real-time design optimization based on user behavior. Exploring AI-generated design variations and style transfer capabilities.
Built With
- adobe-express
- css
- html
- javascript
Log in or sign up for Devpost to join the conversation.