Inspect panel in playground

For years I have the same issue with my devs: “Where to find a hover state for this button?”
I’ve tried different approaches, but the most native (and most useful for devs) it is to have ability to see all component states on the fly, without leaving document and trying to find some piece of design documentation.
You already introduced this as Playground feature, but it is not useful for devs. So my suggestion:

  1. Rename “Playground” to “Inspect component”
  2. Add Inspect panel in playground modal (in dev mode)
  3. Increase size of modal
  4. Add zoom-in\zoom-out features for component preview

Hey @Alex_Prime, thanks for the feedback!
We’ll pass this onto our team for consideration.

1 Like