Building a chrome extension to bridge finding inspiration and implementation
Team
1 Design Engineer
1 Front-End Developer
My Role
Conceptualization
User Research
Design
Implementation
Duration
~6 months (Ongoing)
Background and Problem
There was a gap between people searching for inspiration and actually implementing it.
Designers and developers are constantly noting different sites they might like, features like buttons, a form, or even a font, without even noticing.
Finding inspiration for new design projects is hard, implementing the styles found from said inspiration was harder. In order to relieve users from the stress of clicking inspect and digging for the font-family of a heading within lines of code.
Solution
How Might We Make the Transition from Inspiration to Code Smoother?
Decova is meant to allow users to easily access and save code snippets of websites they like for easy design and development implementation later on!
Users are able to save individual and grouped snippets to their dashboard where they can copy the exact stylings in a Figma file or export ready to implement CSS or Tailwind code.
Want to try it out?
Here is a quick tutorial on how to install
Next Steps and Debugging
What I want to prioritize fixing in the next version release
Right now, users have to individually select elements and then group them together. In the next release, I hope to implement a drag options where users can then select from the automatic grouping. I also hope to implement a more efficient way of saving the preview options for the saved elements, as right now, the image is saved with the overlay that indicates it is selected.
