QuickiePixie

QuickiePixie Logo

Inspiration

We were inspired by one of our groups members who enjoys creating pixel art and we wanted to find a way to incorporate pixel art into our Adobe Express Add-on

What it does

Our Adobe Express add-on makes it easy for users to create pixel art that they can add onto their Adobe designs. Our app features a custom-made pixel art creator which allows users to add their art as an image. Users can also open their artwork externally by generating a link to the art that creates a page on our https://quickiepixie.design website, in which users can view and download their work. Additionally, we included a feature that generates an AI description for the pixel art, which let's users verify the comprehensibility of their work. The user can also use the pixel art editor on our external website outside of an Adobe Express context.

How we built it

We built the add-on UI using HTML, CSS and JavaScript. We also used Azure Computer Vision to analyze and output a AI description for the pixel art. Additionally, we used Express for our backend server, and Vue3 for our frontend website.

Challenges we ran into

One of the challenges we ran into was that Adobe Express did not allow us to import external modules into our add-on. As a result, we needed to work around this obstacle by creating our own server that can performs API requests such as for image download and AI integration.

Accomplishments that we're proud of

We're proud of ourselves for being able to create our own pixel art designer from scratch! We were also able to overcome obstacles when having trouble importing modules, and were successfully able to incorporate computer vision.