Scry - Storybook Linker

About this plugin

Scry - Storybook Linker bridges the gap between design and development by connecting Figma components to their corresponding Storybook stories.

KEY FEATURES

• Connect to Storybook: Configure your Storybook URL (local or deployed)

• Story Browser: Search and preview stories directly in Figma

• Link Components: Associate components, component sets, instances, and frames with stories

• Automatic Inheritance: Instances automatically inherit links from main components

• Quick Access: Use the "View Story" relaunch button for instant navigation

WORKFLOW

1. Connect to your Storybook by entering its URL

2. Select a component in Figma

3. Search and browse your stories in the plugin

4. Click to link the component to a story

5. Use "View Story" to open the linked story in your browser

CORS SETUP FOR LOCAL DEVELOPMENT

When working with local Storybook, you'll need to configure CORS. The plugin works with any Storybook instance via a simple proxy setup. See the README for detailed setup instructions.

DATA STORAGE

All links are stored using Figma's sharedPluginData API, making them visible to all team members and persistent with your Figma file.

SUPPORT

Questions or issues? Visit: https://github.com/epinnock/scry-link/issues