anima-upgrade-migration

# Anima Upgrade & Migration ## Migration Paths | From | To | Complexity | |------|----|-----------| | Figma plugin (manual) | SDK automation | Medium | | SDK v1 → v2 | SDK latest | Low | | Anima Playground | SDK API | Low | ## Instructions ### Step 1: Upgrade SDK ```bash # Check current version npm list @animaapp/anima-sdk # Upgrade to latest npm install @animaapp/anima-sdk@latest # Check for breaking changes npm info @animaapp/anima-sdk changelog ``` ### Step 2: Migrate from Manual Plugin to SDK ```typescript // BEFORE: Manual Figma plugin workflow // 1. Open Figma → Plugins → Anima // 2. Select component → Export → React // 3. Copy-paste generated code into project // 4. Manually repeat for each component change // AFTER: Automated SDK workflow import { Anima } from '@animaapp/anima-sdk'; const anima = new Anima({ auth: { token: process.env.ANIMA_TOKEN! } }); // Automated: runs in CI on Figma file version change async function syncDesignToCode() { const { files } = await anima.generateCode({ fileKey: process.env.FIGMA_FILE_KEY!, figmaToken: process.env.FIGMA_TOKEN!, nodesId: ['1:2', '3:4', '5:6'], // All design system components settings: { language: 'typescript', framework: 'react', styling: 'tailwind' }, }); // Write to project, run through linter, create PR for (const file of files) { require('fs').writeFileSync(`src/components/generated/${file.fileName}`, file.content); } } ``` ### Step 3: API Changes Checklist ```typescript...