Can I put my components on Storybook?

Note: This article refers to the Framer desktop app. Learn more about the differences between the Framer web and desktop app here.

Any code components created by yourself in Framer require to be written in React, so it’s possible to integrate the components into a development environment like Storybook.

Property controls

However, keep in mind that when making code components in Framer, it’s common to include parts of the Framer Library.

Some of these parts are not made for production but only work within Framer, such as property controls, which provide a visual way to edit properties of your code components within Framer.

As this part of the Framer Library isn’t built for production, you need to keep in mind to remove any property controls before fully integrating with Storybook.

Bringing existing components into Framer

It’s more common to include React components from Storybook into Packages to use within Framer, which can be automated using some tools from Framer Bridge CLI.

Keep in mind that Bridge is meant to work with the Framer desktop app only.