figma-deploy-integration

# Figma Deploy Integration ## Overview Deploy Figma webhook receivers and design API services to production platforms with proper secret management and health checks. ## Prerequisites - Figma PAT for production environment - Platform CLI installed (vercel, fly, or gcloud) - Application tested locally with Figma API ## Instructions ### Step 1: Vercel Deployment (Webhook Receiver) ```bash # Store Figma secrets vercel env add FIGMA_PAT production vercel env add FIGMA_WEBHOOK_PASSCODE production # Deploy vercel --prod ``` ```typescript // api/webhooks/figma.ts (Vercel serverless function) import { NextRequest, NextResponse } from 'next/server'; import crypto from 'crypto'; export async function POST(req: NextRequest) { const payload = await req.json(); // Verify passcode const expected = process.env.FIGMA_WEBHOOK_PASSCODE!; const received = payload.passcode || ''; if (!crypto.timingSafeEqual(Buffer.from(received), Buffer.from(expected))) { return NextResponse.json({ error: 'Invalid passcode' }, { status: 401 }); } // Process webhook event switch (payload.event_type) { case 'FILE_UPDATE': console.log(`File updated: ${payload.file_name} (${payload.file_key})`); // Trigger token re-sync, invalidate cache, etc. break; case 'FILE_COMMENT': console.log(`New comment on ${payload.file_name}`); break; case 'LIBRARY_PUBLISH': console.log(`Library published: ${payload.file_name}`); break; } return NextRe...