Use Builder's AI tools and Visual Editor to update the components within your Storybook component repository.
- Using Builder Projects, connect your Storybook repository to enable component editing through AI and the Visual Editor.
- Create pull requests for your changes, integrating into your team's existing workflow.
To connect your Storybook repository to Builder:
- On your Projects page, click the Connect Repo button.
- Choose your Storybook repository.
- Optionally change the project name. Then, choose the Storybook options from the Framework Preset dropdown.
- Update settings for your Project as needed, then click Next.
- Answer Yes to the question about using a custom design system.
- Choose This Repository when asked about the location of your design system.
- Optionally include notes on how to use your design system. Then click Create Project.
Builder will create your Project for you over the next few minutes. Once completed, your component Storybook will be accessible and editable within Builder's Visual Editor.
Use Builder's AI or Visual Editor to customize existing components or create new components, just like you would for any other Project. Once complete, Create a pull request.
The video below demonstrates the creation of a new Login component, driven entirely by Builder's AI. The new component fits the design of other components in the same Storybook.
Learn more about connecting your respository to Builder. Or, visit Best practices to learn more about the best ways to leverage Builder's AI and Visual Editor.