-
-
AI Looker Add-On analyzer
-
AI Looker Add-On analyzer
-
Adobe Express AI Content Studio
-
AI Marketing Suggestion and Looker analyzer
-
AI Looker Add-On analyzer
-
Adobe Express AI Content Studio
-
Adobe Express AI Content Studio
-
Adobe Express AI Content Studio
-
AI Looker Add-On analyzer
-
Adobe Express AI Content Studio
-
Adobe Express AI Content Studio
-
Introducing Our Dual Solutions: Adobe Express AI Content Studio & Looker Analyzer
We built Adobe Express AI Content Studio as our primary solution to help creators generate powerful marketing content instantly inside Express. Complementing this, our Looker AI Analyzer adds smart campaign insights—making strategy and creativity work.
Inspiration
We are entering the Generation AI era, where intelligent agents are beginning to live both virtually and physically in our world. With millions of users creating digital content every day, I envisioned an AI agent — not just a tool, but a creative partner — fully integrated into Adobe Express. I wanted to build something that could empower millions of marketers and content creators to generate better content: Creatively In less time With more accuracy By building this, I didn't just want to solve a problem — I wanted to be part of the GenAI innovation breakthrough that changes how content is created across platforms. bold for AI Looker analyzer: Also, we noticed how marketers often juggle between CSV files, dashboards, and creative tools—wasting time and missing insights. We wanted to fix that right inside Adobe Express.
What it does
So, we built Content Genius — an AI-powered Adobe Express Add-on that turns your campaign idea into mind-blowing content… instantly! Just enter a few words, and ContentGenius uses secure, prompt-engineered Gemini AI to generate: Captions Hashtags CTAs (Call-To-Actions) perfectly tuned for Instagram, LinkedIn, or Twitter. But it’s more than just automation. “This isn’t just about saving time — it’s about unlocking creativity.” It helps creators become better writers, faster — without losing their brand’s tone or authenticity. Because it’s built inside Adobe Express, you can: Instantly insert content into your canvas Pair it with beautiful templates, visuals, and share-ready designs Share across multiple platforms — seamlessly bold for AI Looker analyzer: Marketing Performance Analyzer turns raw CSV campaign data into AI-powered summaries, shows Looker dashboards, and generates instant content tips—all inside the Express editor.
How we built it
We started by mapping the architecture and understanding the Adobe Add-on framework and its development environment. -----We discovered that Adobe Express Add-ons support:---- A Document JS Sandbox, which allows us to insert and manipulate canvas elements programmatically. An iframe-based UI, built with custom HTML, CSS, and JavaScript — giving us full control over user experience. The use of runtime.apiProxy() to securely bridge communication between the iframe (UI) and the document sandbox (canvas logic).
-----To enable this, we:----- Imported the Add-on UI SDK to build our interactive frontend and listen for user actions. Used the Add-on Sandbox SDK to access the runtime environment of the document. Utilized the Express Document SDK, which gave us access to canvas manipulation features like creating and modifying text objects. Accessed the document sandbox runtime using const { runtime } = addOnSandboxSdk.instance, enabling us to expose and call functions between contexts securely.
This integration allowed us to insert generated content directly into the Express canvas, turning our UI into a real-time creative engine for content marketers.
bold for AI Looker analyzer: We used the Adobe Express Add-on SDK, embedded Looker dashboards via iframe, and parsed CSVs in the UI. Then we used AI logic to summarize data and inserted tips using editor.insertText().
Challenges we ran into
We faced several challenges, especially around:
Parsing Gemini’s AI output correctly Handling document.js integration with the canvas Engineering clear and context-aware AI prompts Styling issues when replicating Tailwind-based design into vanilla CSS At one point, inserting into the canvas didn’t work due to selection context issues. But we introduced a copy button as fallback, which gave users flexibility while we debugged canvas API behavior.
Every challenge gave us multiple solution paths — and showed us how creativity meets engineering.
bold for AI Looker analyzer: Getting the sandbox communication right between iframe and document.js was tricky. We also debugged insertText positioning and handled unexpected data formats from real CSVs.
Accomplishments that we're proud of
We built something unique and developer-first — a working AI content generation studio inside Adobe Express We used Gemini 2.0, Adobe Add-on SDK, and Document Sandbox APIs creatively and effectively We didn’t just make a demo — we made a tool that can support millions of marketers and content creators
bold for AI Looker analyzer: Built a full-featured prototype inside Adobe Express Integrated CSV parsing + Looker + AI suggestions smoothly Delivered value to marketers in just a few clicks
What we learned
There’s more possible with AI agents than we initially imagined AI is not about replacing humans — it’s about supporting the audience Prompt engineering is as crucial as code — both are creative tools Designing with empathy leads to better solutions bold for AI Looker analyzer: We learned the power of tight UI ↔ document integration and how context-aware tips can accelerate marketing impact. Also, we deepened our expertise in Adobe’s SDKs
What's next for Adobe Express AI Content Studio and AI Looker analyzer
We’re not stopping here!
boldProduction Roadmap: Bundle and host on a public HTTPS endpoint Register with Adobe Developer Console Submit to Adobe Express Marketplace for approval
boldFuture Enhancements: Multi-language support Analytics dashboard (best post times, engagement trends) Smarter prompt engineering Image and video content generation More secure AI key management Deeper integration with Adobe templates and style libraries
bold for AI Looker analyzer: Real-time analytics APIs Campaign scoring Bulk content generation And get it into the hands of real content teams.
We believe ContentGenius can evolve into the go-to AI studio inside Adobe Express for content-first creators.
Thank you for the opportunity. We’re proud to be creators of this breakthrough.
Let’s build a future where every creator has an AI partner — right inside their favorite design tool. 💜
Built With
- addonuisdk
- adobeadd-onuisdk
- ai
- api
- clipboardapi
- cloud
- css
- ddonsandboxsdk
- editor
- expressdocumentsdk
- fetchaip
- gemini
- genai
- google-cloud
- googlelookerstudio
- html
- iframe
- javascript
- looker
- prototype
- sandboxsdk
Log in or sign up for Devpost to join the conversation.