anima-install-auth

# Anima Install & Auth ## Overview Install `@animaapp/anima-sdk` and configure authentication tokens. Anima converts Figma designs into production-ready React, Vue, or HTML code with Tailwind, MUI, AntD, or shadcn styling. The SDK runs server-side only. ## Prerequisites - Node.js 18+ (SDK is server-side only) - Figma account with API access - Anima API token (request at [animaapp.com](https://www.animaapp.com)) - Figma Personal Access Token ## Instructions ### Step 1: Install the Anima SDK ```bash npm install @animaapp/anima-sdk ``` ### Step 2: Get Your Tokens ```bash # 1. Figma Personal Access Token: # Figma > Settings > Account > Personal Access Tokens > Generate # 2. Anima API Token: # Request from Anima team (currently limited partner access) # https://docs.animaapp.com/docs/anima-api # Store securely cat > .env << 'EOF' ANIMA_TOKEN=your-anima-api-token FIGMA_TOKEN=your-figma-personal-access-token EOF echo ".env" >> .gitignore chmod 600 .env ``` ### Step 3: Initialize and Verify ```typescript // src/anima-client.ts import { Anima } from '@animaapp/anima-sdk'; const anima = new Anima({ auth: { token: process.env.ANIMA_TOKEN!, }, }); // Verify connection by generating code from a known Figma file async function verifySetup() { try { const { files } = await anima.generateCode({ fileKey: 'your-figma-file-key', // From Figma URL: figma.com/file/{fileKey}/... figmaToken: process.env.FIGMA_TOKEN!, nodesId: ['1:2'], ...