> This page is for Developer.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.bigcommerce.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.bigcommerce.com/_mcp/server.

# BigDesign

## Get started

```bash
npm install @bigcommerce/big-design styled-components@5
```

[Component documentation](https://bigcommerce.github.io/big-design/)

## Design resources

### Accelerate design, simplify handoff

Accelerate design with Figma tools, including components and patterns tailored for smooth React handoff and BigCommerce standards.

* [Component Library](https://www.figma.com/community/file/1359989842592268260/bigdesign-component-library)
* [Pattern Library](https://www.figma.com/community/file/1359996173044159467/bigdesign-pattern-library)

### Fast-track your project with reusable components

Speed up your project with our React component library and pattern samples, making it easy to integrate your application with our logged-in experience.

* [React library](https://bigcommerce.github.io/big-design/)
* [Patterns sandbox](https://bigcommerce.github.io/big-design-patterns-sandbox/)

### Streamline your UX copy

BigDesign supports every aspect of app creation, including copywriting, making it easy to build a cohesive user experience.

* [UX writing guide](/developer/docs/integrations/design-and-ux-writing)
* [ChatGPT UX Writing Assistant](https://chatgpt.com/g/g-SggKlK4MR-bigdesign-ux-writing-assistant)