Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Anima Storybook to Figma
Anima CLI for storybook
npm install @animaapp/anima-cli
Last updated 10 months ago
39
Downloads per week
Readme View on GitHub
Anima DSA

Anima DSA (Design System Automation) is a workflow that connects your component library in code with Figma, enabling you to create and manage a single source of truth for your design system.

Please refer to the Anima DSA documentation for more information.


This repository is a mono-repo for all Anima DSA packages.

Package (Version) Description Docs
@animaapp/anima-cli                             
npm
The Anima CLI is a command line tool that enables you to sync components and design tokens to Figma. Anima CLI documentation
framework-helpers                             
npm
We've created a set of helpers for popular frameworks to help transform the design tokens JSON into a compatible theme object. Anima Framework Helpers documentation
style-dictionary                                             
npm
This package contains transformers and parsers for design token workflows that use Style Dictionary. Style Dictionary transformer documentation

Publishing

We use Changesets to manage versioning and publishing

When developing a new feature, you'll need to run:

  • pnpm create-changeset

Follow the prompt and assign the correct version bump.

Once your work is merged in, the GitHub action will run, which will create a PR from a release branch.

Once that PR is merged, the changes will be automatically published.

Join the community
6,595 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI