Here are the main opportunities we detected where the ratio reward/risk was balanced enough for this feature to be interesting for us to work on.
Improve design tokens usage for designers
Track issues, know what is collected and how (local styles, pages, frames), in which repositories
Being present where the designers are building (Figma) may help us in acquiring more users.
How we managed to build this feature and achieved these results
Pitch + User flows
Before diving into the design work, we shaped with Maud (Product Manager) a first version of the user flows, wrote a pitch, and de-risked it with developers.
While back-end developers were in charge of creating these configuration templates, I worked on the information architecture & layout of this project.
Once the widget is placed on the canvas, the first panel lists all Specify repositories connected to the Figma file. The second panel lists all the frames and local styles inside the Figma file connected to a Specify repository.
De-risk and rabbit holes
By having several discussions with engineers and providing time for them to explore the Notion API possibilities, we “de-risked” this project by ensuring we reduced as many gray zones as possible.
On the first days, I explored a lot of variations regarding information hierarchy, action placement, iconography, and interactions.
After a bunch of iterations and discussions with engineers, I created this final design for the Specify Figma Widget.
We also defined milestones with Maud (PM) and engineers by removing actions and changing the listing from the desired final version.
We submitted the first version of this new feature to our paying users and recently (less than three months) registered free users.
See it live
Want to check out the final result? Here you go:
Key results we got a month after the release
of paying users had a try to the widget since its release
installations directly from Figma Community
Thanks to this incredible team we exceeded expectations, S/O to them
3D + Motion
Allan Michay Nathanaël Labreuil
API & Infrastructure
Read other case studies
Learn more about my work with this selection:
Notion as Destination
Automating design system documentation through streamlined updates
Command Line Experience
Refining Command Line Interface for efficient design pipelines setup
Enhance parser discovery for smoother developer onboarding