Webstorm Developer Experience Research, Figma and Storybook Integrations

Presentation byCraig Walker

WebStorm IDE is researching developer experience flow state. We found that developers feel it is not productive alt-tabbing between IDE/ AI Agents, Figma and browsers trying to spot if everything matches. It’s a manual process that doesn’t scale when we are getting faster with AI. It's too late if these visual bugs hit a PR review, you've already lost the context needed to fix them without taxing your head space.

Is it possible or even desired to pull this validation directly into the development loop?
We'd like to show you our prototype on how we would like to combine the Figma Plugin APIs, WebStorm and Vitest Browser Mode to automate these checks while you code.

Presented with these Guilds
Cover Photo for React Berlin
Primary Photo for React Berlin

React Berlin

React Berlin is a local meetup and community about all things related to the Ecosystem behind React(.js) and React Native. Based in Berlin, but open to international speakers and attendees.

Meetup organization is a joint work of local React enthusiasts and React Day Berlin conference

If you're an event organizer, or React enthusiast willing to collaborate, please reach us by mail, we're open to any kind of partnership - hi@reactday.berlin.

To propose a talk, or a venue, please fill in the corresponding forms, and we will reach you!

Call for speakershttps://forms.gle/ptpR6b1eLZ6WcZgi7

Venue proposal form: https://shorturl.at/nor23

By joining this group you agree to comply to our Code of Conduct

1K Members
Similar Presentations
Cover Photo for Storybook and the AI apocalypse

Storybook and the AI apocalypse

Michael Shilman - Storybook

AI is disrupting devtools, augmenting engineers at different levels of abstraction from Copilot to builder.io to v0.dev. This talk introduces Storybook—the standard for developing, documenting, and testing UI components—and what we are doing to help ensure high quality user interfaces regardless of how little human intervention was involved in producing them.

Michael leads Storybook, the industry-standard UI dev tool used by 100k+ teams globally including half of the Fortune 100, high-growth teams at OpenAI, Github, Stripe, Supabase, and many more.

Primary Photo for {0} {1}Michael Shilman

Webstorm Developer Experience Research, Figma and Storybook Integrations

Presentation byCraig Walker

WebStorm IDE is researching developer experience flow state. We found that developers feel it is not productive alt-tabbing between IDE/ AI Agents, Figma and browsers trying to spot if everything matches. It’s a manual process that doesn’t scale when we are getting faster with AI. It's too late if these visual bugs hit a PR review, you've already lost the context needed to fix them without taxing your head space.

Is it possible or even desired to pull this validation directly into the development loop?
We'd like to show you our prototype on how we would like to combine the Figma Plugin APIs, WebStorm and Vitest Browser Mode to automate these checks while you code.

Presented with these Guilds
Cover Photo for React Berlin
Primary Photo for React Berlin

React Berlin

React Berlin is a local meetup and community about all things related to the Ecosystem behind React(.js) and React Native. Based in Berlin, but open to international speakers and attendees.

Meetup organization is a joint work of local React enthusiasts and React Day Berlin conference

If you're an event organizer, or React enthusiast willing to collaborate, please reach us by mail, we're open to any kind of partnership - hi@reactday.berlin.

To propose a talk, or a venue, please fill in the corresponding forms, and we will reach you!

Call for speakershttps://forms.gle/ptpR6b1eLZ6WcZgi7

Venue proposal form: https://shorturl.at/nor23

By joining this group you agree to comply to our Code of Conduct

1K Members
Similar Presentations
Cover Photo for Storybook and the AI apocalypse

Storybook and the AI apocalypse

Michael Shilman - Storybook

AI is disrupting devtools, augmenting engineers at different levels of abstraction from Copilot to builder.io to v0.dev. This talk introduces Storybook—the standard for developing, documenting, and testing UI components—and what we are doing to help ensure high quality user interfaces regardless of how little human intervention was involved in producing them.

Michael leads Storybook, the industry-standard UI dev tool used by 100k+ teams globally including half of the Fortune 100, high-growth teams at OpenAI, Github, Stripe, Supabase, and many more.

Primary Photo for {0} {1}Michael Shilman