ChatEditor

• 

  Carousel Image

Project: ChatEditor - Canva Extension Plugin

Motivation

As a content creator, I often found myself spending a significant amount of time making simple edits to my designs, like trimming videos or changing background colors. I wanted to streamline this process and make editing more intuitive and accessible, not just for myself but for anyone using Canva. That's why I created ChatEditor.

What is ChatEditor?

ChatEditor is a Canva extension plugin designed to make content editing as simple as having a conversation. By leveraging the power of Microsoft Language Studio, ChatEditor understands user intent from natural language commands. Whether you want to trim a video, change a background color, or apply other edits, you just need to type your request, and ChatEditor will take care of the rest, applying the changes directly to your Canva canvas.

Technology Stack

To bring ChatEditor to life, I used the following technologies:

• FastAPI for building the backend services.
• React for creating a dynamic and responsive user interface.
• MongoDB for efficient and scalable data storage.
• Heroku for seamless deployment and hosting.
• Google Cloud Storage for reliable and secure file storage.

Canva Technologies and APIs: APPS SDK, Selection API. Image, Video, and Text Editing API

Challenges Faced

Working solo on this project, I encountered several challenges along the way. One of the biggest hurdles was integrating the Microsoft Language Studio model to accurately interpret a wide range of user commands. Balancing the need for flexibility in user input with the precision of the edits applied required careful tuning and testing. Additionally, ensuring that the extension interacted smoothly with Canva's API while maintaining performance and responsiveness was a significant technical challenge.

What I Learned

This project was a tremendous learning experience. I gained a deeper understanding of natural language processing and the intricacies of integrating AI models into real-world applications. Working through the challenges solo, I also sharpened my problem-solving skills and learned the importance of meticulous testing and iteration. Moreover, I learned how to efficiently manage cloud resources and optimize deployment processes to create a reliable, user-friendly extension.

Why ChatEditor?

My goal with ChatEditor is to reduce the friction in the creative process, allowing users to focus more on their ideas and less on the technicalities of editing. I believe that by integrating AI-driven intent recognition into content creation, we can make design tools like Canva even more powerful and user-friendly.

This project is not just about making editing easier—it's about redefining how we interact with digital content. I hope ChatEditor will inspire others to think about the possibilities of AI in creative workflows and contribute to the ongoing evolution of content creation.

Built With

• azure
• fastapi
• google-cloud
• heroku
• mongodb
• openai
• react