This Adobe Express add-on helps designers improve work by providing AI-powered design feedback. Users can request specific feedback about their current workspace (e.g., color schemes, typography, layout) and receive targeted suggestions using Google's Gemini Pro AI model.

• Secure API key management
• Workspace state capture
• Custom feedback prompting system
• AI-powered design analysis using Gemini Pro
• Real-time feedback display with loading states
• Persistent API key storage
• Error handling and recovery

• Adobe Express Add-on SDK
• Google Gemini Pro API
• HTML/CSS/JavaScript

1. Adobe Express account
2. Google Cloud Platform account with Gemini API access
   • Create a project in Google Cloud Console
   • Enable the Gemini API
   • Generate an API key (Get Gemini API Key)
3. Node.js installed on your machine

1. Clone the repository

git clone https://github.com/Asad-Shahab/DesignMuse/
cd designmuse

2. Install dependencies

npm install

3. Start the development server

npm run start

4. Load the add-on in Adobe Express

• Open Adobe Express
• Navigate to Add-ons panel
• Select "Load Local Add-on"
• Choose the project directory

1. Open your design in Adobe Express

2. Launch the DesignMuse add-on

3. First-time setup:

   • Enter your Gemini API key when prompted
   • The key will be securely stored for future sessions

4. Once configured:

   • Click "Analyze Design"
   • Enter your specific feedback request (e.g., "How can I improve the color contrast?")
   • Click "Get Design Feedback" to receive AI-powered suggestions

• API keys are stored locally in the browser's localStorage
• Keys are never transmitted except to Google's API
• Users can reset their API key by clearing browser data
• No design data is stored permanently - all analysis is real-time

• The add-on uses Adobe Express's document sandbox for secure workspace access

• Feedback formatting includes:

  • Natural language processing
  • Proper spacing and line breaks
  • Bullet points for clarity

• Comprehensive error handling for:

  • API failures
  • Invalid API keys
  • Rendering issues
  • Network problems

• Responsive UI with loading states and user feedback

• Modular code structure for easy maintenance

• Verify the key is valid in Google Cloud Console
• Clear browser data and re-enter the key
• Check console for detailed error messages

• Ensure workspace has visible elements
• Check internet connection
• Verify API key permissions