Anima Storybook to Figma

Anima CLI for storybook

View on Github

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.

Made by
  • andrico-anima
    andrico-anima
  • aymeric_animaapp
    aymeric_animaapp
  • moez_anima
    moez_anima
  • federico_anima
    federico_anima
  • orarbel
    orarbel
  • jorgeanima
    jorgeanima
Work with
    Angular
    React
    Vue
Tags