Getting Started ​

You’ll learn how Anima can automate your design system workflow. You’ll bridge your developer/designer workflow gap by making sure that your design system stays in sync with your codebase and Figma designs.

5 Steps to start automating your design system workflow ​

1. Set up Anima ​

• Run the Anima plugin in Figma
• Sign up/Log into the Anima platform
• Choose the Manage Design Systems workflow

2. Import your Storybook into Anima ​

• Choose your preferred import method

  Don't have a Storybook yet? use our sample Storybook.

• Import from a URL

• Sync with the CLI

  • Install the CLI in the codebase
  • Build a storybook
  • Sync the storybook

• Generate Figma components with Anima

• Build your next flows with your production components 🎉

3. Import your design tokens into Anima ​

• Sync with the CLI
  • Install the CLI in the codebase
  • Sync design tokens

4. Push changes to GitHub ​

• Ensure your repo exists in GitHub
• Create an access token for the repo
• Add the credentials to the Figma plugin
• In Figma, create or edit a design token using the Anima plugin
• Push the changes to GitHub
• Review and merge the pull request

5. Pull changes into Figma ​

• Make a change to the design system in your code
• Sync with the CLI and push to main
• Open the Figma plugin and pull the latest changes