ResearchGate Design Tools

End-to-end toolchain for product designers.

From '17-'20 I built a suite of custom tools to enable our designers, copywriters and engineers to work in close collaboration, centered around our design system, Nova.

Placeholder section image, a muted violet gradient

To my knowledge ours was one of the first design systems to be integrated into the actual tools designers were using. We achieved this through a plugin that let designers write JSX to define components.

Placeholder section image, a muted violet gradient

To ensure we made the correct interventions, the product development process was closely mapped before deciding what tooling to focus on.

Placeholder section image, a muted violet gradient

A design handoff tool was created that spoke the language of our design system. This was passed to engineers who could then copy and paste the JSX.

Placeholder section image, a muted violet gradient

I also built a design linting extension, providing designers a feedback loop to validate their work before handing it over.

Placeholder section image, a muted violet gradient

On top of this, I also built a custom frontend for Jira that pulled in design handoffs from Google Drive, giving our product teams a one stop shop when building out features.