Make dev-mode component playground interactive

[Mikka_Wild_adesso]

Hi,
love the new updates!

I think it would be cool to be able to make the new component playground in dev-mode interactive (maybe via a setting/toggle). So the devs can also preview animations, e.g. when there is an after delay animation.

Very nice work, best regards
Mikka

[dennsi]

+1 this would be a great and logical addition.
Maybe a “reset animation” button as well (not just reset component configuration).

[Mikka_Wild_adesso]

Yes great addition with the reset option, didn’t think of that!

[Liamco]

Made a post about something similar last week; I also think it would be useful to make components in playground resizable so devs can see how auto layout components adapt to different sizes

Playground resizing

Something I think Figma has always lacked is a way for devs to resize components to get a sense of how things behave responsively. The new auto wrapping stuff is great for designers as it means they have to design less seperate components to cover all potential breakpoints, but the new playground seems like the perfect place for devs to be able to stretch and shrink things themselves to see how components behave. This would really streamline handoff even further for us!

[dennsi]

Also good idea bump