A modern, intuitive, and accessible design system built and used by the LaunchDarkly team.
$ npm install @launchpad-ui/components @launchpad-ui/icons @launchpad-ui/tokens$ yarn add @launchpad-ui/components @launchpad-ui/icons @launchpad-ui/tokens
For consistent, high-quality AI-generated code that follows LaunchPad standards, see our AI Prompt Header guide. This ensures AI assistants use our design system correctly and follow established patterns.
We welcome contributions! See the contributing docs to learn how to get started.
- LaunchDarkly employees can reach out with questions or comments in our Slack channel, #ask-launchpad-design-system
- You can also start a discussion in the LaunchPad repository to ask a question!
If you'd like to generate new components or recipes with AI using Figma MCP Server, follow the instructions in Figma's MCP Guide.
Note that using Figma MCP server requires Dev or Full seat in Figma. For the best results it's recommended to use LaunchPad components and auto layout in your designs to ensure the generated code is mapped correctly to components and tokens instead of generating raw HTML code and styles.
Once the MCP is enabled in your Figma and IDE, open the AI chat as usual and use prompt like:
Create a new code example in recipes that displays the selected Figma File layout. Use the design system components and use figma.tsx files to help with the mapping.