{"passport":{"unfragile":{"@version":"1.0","version":"2026-05","artifact":{"id":"vscode-codeparrot-ai-codeparrot","slug":"codeparrot-ai-figma-to-code-design-to-code-copilot","name":"CodeParrot AI: Figma to Code || Design To Code Copilot","type":"extension","url":"https://marketplace.visualstudio.com/items?itemName=CodeParrot-ai.codeParrot","page_url":"https://unfragile.ai/codeparrot-ai-figma-to-code-design-to-code-copilot","categories":["app-builders","code-editors","deployment-infra"],"tags":["ai","Angular","anthropic","assistant","autocomplete","chat","claude","code generation","codeparrot","Copilot","CSS","cursor","Design to Code","figma","figma to angular","figma to code","figma to css","figma to flutter","figma to html","figma to nextjs","figma to react","figma to react native","figma to tailwind","figma to vue","flutter","frontend tools","github copilot","HTML","image to code","javascript","jsx","keybindings","nextjs","openai","react","react native","refactor","screenshot to code","sketch","svelte","Tailwind","typescript","ui components","vue"],"pricing":{"model":"freemium","free":true,"starting_price":null},"status":"active","verified":false},"capabilities":[{"id":"vscode-codeparrot-ai-codeparrot__cap_0","uri":"capability://code.generation.editing.figma.design.to.react.code.generation","name":"figma design-to-react code generation","description":"Converts Figma design files into production-ready React component code by parsing Figma's REST API layer, extracting design tokens (colors, typography, spacing), component hierarchy, and layout constraints, then synthesizing JSX with inline styles or Tailwind CSS classes. Uses vision-language models to interpret design intent and generate semantically correct component structures with proper prop interfaces.","intents":["Convert a Figma mockup into a working React component without manual HTML/CSS coding","Generate multiple component variants from a single Figma design system","Accelerate frontend development by eliminating design-to-code handoff delays","Maintain design fidelity while producing type-safe React code"],"best_for":["React developers working in design-heavy projects with Figma as source of truth","Frontend teams wanting to reduce design-to-implementation time","Startups and agencies shipping UI-intensive products rapidly"],"limitations":["Complex interactive behaviors (animations, state machines) require manual implementation post-generation","Figma plugins and custom components may not translate to code equivalents","Generated code requires review for accessibility (ARIA labels, semantic HTML) compliance","Responsive design breakpoints must be manually refined for mobile-first approaches"],"requires":["Figma account with file access permissions","VS Code 1.80+ with CodeParrot extension installed","React 16.8+ or Next.js 12+ project","API key for Claude (Anthropic) or OpenAI (depending on backend)"],"input_types":["Figma file URL or file ID","Figma design tokens (colors, typography)","Component instances and variants"],"output_types":["JSX/TSX code","Tailwind CSS utility classes","Inline CSS-in-JS objects","Component prop interfaces (TypeScript)"],"categories":["code-generation-editing","design-to-code"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_1","uri":"capability://code.generation.editing.image.to.code.synthesis.from.screenshots.and.mockups","name":"image-to-code synthesis from screenshots and mockups","description":"Accepts PNG, JPG, or other image formats of UI mockups or screenshots and uses vision transformers to detect layout elements, text, colors, and spacing, then generates corresponding HTML, CSS, React, or Flutter code. The system performs object detection on UI components, extracts visual properties through pixel analysis, and synthesizes code that reproduces the visual appearance with semantic markup.","intents":["Convert a screenshot or design mockup image into working code without Figma access","Quickly prototype from hand-drawn sketches or competitor UI screenshots","Generate boilerplate code from design images for rapid iteration","Create responsive HTML/CSS from static mockup images"],"best_for":["Designers and non-technical stakeholders who want to validate ideas as code","Developers prototyping from competitor or reference designs","Teams without formal design tools (Figma, Sketch) in their workflow"],"limitations":["Image quality and resolution directly impact code accuracy; low-res images produce generic layouts","Cannot infer interactive behavior, animations, or state transitions from static images","Text extraction from images may fail on small fonts or non-standard typography","Generated code lacks semantic structure for accessibility (no ARIA, alt text inference)"],"requires":["Image file (PNG, JPG, WebP) minimum 400x300 pixels recommended","VS Code extension with vision model backend (Claude Vision or GPT-4V)","Target framework installed (React, Flutter, HTML/CSS)"],"input_types":["Image files (PNG, JPG, WebP, GIF)","Screenshots from any source","Hand-drawn or low-fidelity mockups"],"output_types":["HTML + CSS","React JSX with Tailwind","Flutter Dart code","Vue or Angular templates"],"categories":["code-generation-editing","image-visual"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_10","uri":"capability://code.generation.editing.interactive.component.code.generation.with.state.and.event.handlers","name":"interactive component code generation with state and event handlers","description":"Generates React/Vue/Angular components with interactive behavior including state management hooks (useState, useReducer), event handlers (onClick, onChange), and conditional rendering based on component state. Infers interactive intent from Figma interactions (hover states, click targets, form inputs) and generates corresponding JavaScript/TypeScript code with proper event binding and state updates. Produces components with basic interactivity without requiring manual event handler implementation.","intents":["Generate interactive React components with state and event handlers from Figma designs","Create form components with input validation and error state handling","Generate button and link components with proper click handlers","Produce components with hover/focus states and conditional rendering"],"best_for":["React developers wanting to generate interactive components from design","Teams building interactive component libraries with state management","Rapid prototyping of interactive UI patterns"],"limitations":["Complex state logic (multi-step forms, complex state machines) requires manual implementation","Figma interactions must be properly configured; missing interaction specs produce non-interactive code","Generated event handlers are basic; complex business logic must be added manually","State management approach (useState vs Redux vs Context) is opinionated; may not match team conventions","Form validation and error handling are template-based; custom validation requires manual coding"],"requires":["Figma design with interaction specifications (click targets, state changes)","React 16.8+ with hooks support","TypeScript 4.0+ for type-safe event handlers (optional but recommended)"],"input_types":["Figma design with interaction specs","Component state definitions","Event handler specifications"],"output_types":["React components with useState hooks","Event handler functions","Conditional rendering logic","Form input components with onChange handlers"],"categories":["code-generation-editing","interactive-components"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_11","uri":"capability://code.generation.editing.code.quality.and.linting.integration.with.auto.formatting","name":"code quality and linting integration with auto-formatting","description":"Applies code formatting (Prettier), linting (ESLint), and style checking to generated code automatically, ensuring output adheres to project conventions. Integrates with existing project ESLint/Prettier configs, applies auto-fixes for common issues (unused imports, formatting), and reports linting violations. Generates code that passes linting checks without manual remediation, reducing code review friction.","intents":["Generate code that passes project linting rules without manual fixes","Ensure generated code follows team code style and formatting conventions","Reduce code review time by producing lint-clean code","Maintain code quality standards across all generated components"],"best_for":["Teams with strict linting and formatting requirements","Projects using ESLint, Prettier, or similar tools","Code review processes requiring lint-clean code"],"limitations":["Linting integration requires project ESLint/Prettier config; custom rules may not be applied","Some linting violations (unused variables, complex logic) cannot be auto-fixed; require manual review","Performance overhead of linting/formatting adds 500ms-1s per component generation","Custom linting rules specific to team may not be understood by generator; requires manual config"],"requires":["ESLint and/or Prettier installed in project",".eslintrc and .prettierrc config files","Node.js 14+ with npm/yarn"],"input_types":["Generated code","Project ESLint/Prettier configuration"],"output_types":["Formatted and linted code","Linting report (violations, warnings)"],"categories":["code-generation-editing","code-quality"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_2","uri":"capability://code.generation.editing.multi.framework.code.generation.react.flutter.html.vue.angular.svelte.next.js","name":"multi-framework code generation (react, flutter, html, vue, angular, svelte, next.js)","description":"Generates production-ready UI code in 7+ target frameworks from a single design input by maintaining an abstract intermediate representation (IR) of the UI structure, then applying framework-specific code templates and idioms. Each framework backend handles language-specific patterns: React uses JSX with hooks, Flutter uses widget trees, HTML uses semantic elements with CSS, Vue uses template syntax with scoped styles, etc.","intents":["Generate React code for web and Flutter code for mobile from the same Figma design","Switch between frameworks (React to Vue, HTML to Next.js) without redesigning","Maintain consistent UI across web and native mobile platforms","Support team members working in different tech stacks from unified design source"],"best_for":["Cross-platform teams building web and mobile simultaneously","Organizations evaluating multiple frameworks and needing rapid prototypes","Agencies serving clients with diverse tech stack requirements"],"limitations":["Framework-specific features (React hooks patterns, Flutter state management) require post-generation customization","Design-to-code quality varies by framework maturity; React/HTML most polished, Svelte/Angular less tested","Styling approaches differ per framework (Tailwind for React, Flutter theme system, scoped CSS for Vue); generated code may not follow team conventions","Package dependencies and build configuration not auto-generated; requires manual setup"],"requires":["Target framework installed (React 16.8+, Flutter 2.0+, Vue 3+, Angular 12+, Svelte 3+, Next.js 12+)","Node.js 14+ for web frameworks or Flutter SDK for mobile","Appropriate package manager (npm, yarn, pub)"],"input_types":["Figma design file","Image/screenshot","Design tokens and component specs"],"output_types":["JSX/TSX (React, Next.js)","Dart (Flutter)","HTML + CSS","Vue SFC (.vue files)","Angular components (TypeScript + templates)","Svelte components"],"categories":["code-generation-editing","multi-framework"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_3","uri":"capability://code.generation.editing.tailwind.css.utility.class.generation.with.design.token.mapping","name":"tailwind css utility class generation with design token mapping","description":"Extracts design tokens (colors, spacing, typography, shadows) from Figma or images and generates Tailwind CSS utility classes that match the design specification. Maps Figma color palettes to Tailwind color scales, converts spacing values to Tailwind spacing units (4px increments), and generates responsive class combinations using Tailwind's breakpoint system. Produces optimized class strings that leverage Tailwind's JIT compiler for minimal CSS output.","intents":["Generate Tailwind classes that exactly match Figma design tokens without manual color/spacing mapping","Create responsive Tailwind layouts from design mockups with proper breakpoint classes","Maintain consistency between design system tokens and generated Tailwind code","Avoid manual Tailwind configuration by auto-generating custom color and spacing scales"],"best_for":["Teams using Tailwind CSS as primary styling approach","Design systems with strict token-based design workflows","Developers wanting to eliminate design-to-Tailwind class translation overhead"],"limitations":["Tailwind's utility-first approach may generate verbose class strings for complex designs; requires post-generation optimization","Custom Tailwind configurations (extend colors, spacing) must be pre-configured; generator assumes standard Tailwind scale","Arbitrary values (e.g., `w-[347px]`) may be generated for non-standard sizes, reducing maintainability","Dark mode and theme variants require manual Tailwind config setup; generator produces light-mode classes only"],"requires":["Tailwind CSS 3.0+ installed in project","PostCSS and Tailwind CLI configured","Design tokens in Figma or image with extractable color/spacing values"],"input_types":["Figma design with color styles and typography tokens","Image with detectable color palette and spacing","Design token JSON (if provided)"],"output_types":["Tailwind utility class strings","HTML with class attributes","React JSX with className props","Tailwind config extensions (colors, spacing)"],"categories":["code-generation-editing","styling"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_4","uri":"capability://code.generation.editing.component.variant.and.state.generation.from.figma.component.sets","name":"component variant and state generation from figma component sets","description":"Detects Figma component variants (main component + variants with different properties) and generates corresponding code with prop interfaces that map to variant properties. Creates TypeScript interfaces for component props, generates conditional rendering logic for variant states, and produces a component library structure that mirrors Figma's component organization. Handles Figma's variant naming conventions (e.g., `Button/Primary/Large`) to create nested component exports.","intents":["Auto-generate component prop interfaces from Figma variant properties","Create a code component library that mirrors Figma design system structure","Generate variant-aware components with type-safe prop validation","Maintain sync between Figma component variants and code component implementations"],"best_for":["Design systems teams maintaining parallel Figma and code component libraries","Teams using Figma variants as source of truth for component specifications","React/TypeScript projects requiring strict prop typing for design system components"],"limitations":["Complex variant logic (conditional styling based on multiple props) may require manual refinement","Figma variant naming conventions must follow consistent patterns; non-standard naming produces poor prop names","Generated components lack internal state management; stateful behavior must be added manually","Figma component documentation and design specs are not extracted; requires separate documentation"],"requires":["Figma file with properly structured component variants","Figma component naming following convention (e.g., `ComponentName/Variant1/Variant2`)","React 16.8+ with TypeScript 4.0+","Design system framework or component library setup"],"input_types":["Figma file with component variants","Component variant specifications (properties, values)"],"output_types":["React component files (.tsx)","TypeScript prop interfaces","Component library index files","Storybook stories (optional)"],"categories":["code-generation-editing","design-systems"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_5","uri":"capability://code.generation.editing.responsive.layout.generation.with.breakpoint.aware.css","name":"responsive layout generation with breakpoint-aware css","description":"Analyzes design layouts across multiple Figma artboards or image mockups representing different screen sizes, extracts breakpoint definitions, and generates responsive CSS/Tailwind with media queries or framework-specific responsive utilities. Maps Figma breakpoints to standard responsive breakpoints (mobile, tablet, desktop) and generates layout shifts, font scaling, and spacing adjustments for each breakpoint. Produces mobile-first or desktop-first CSS depending on configuration.","intents":["Generate responsive layouts that adapt to mobile, tablet, and desktop screens from Figma designs","Create media query CSS or Tailwind responsive classes from multi-breakpoint design specs","Ensure consistent responsive behavior across web and mobile frameworks","Avoid manual responsive CSS coding by auto-generating breakpoint-aware styles"],"best_for":["Teams designing for multiple screen sizes in Figma and needing responsive code","Mobile-first development workflows requiring automated breakpoint CSS generation","Responsive design systems with strict breakpoint definitions"],"limitations":["Figma must have multiple artboards or frames representing different breakpoints; single-frame designs produce non-responsive code","Fluid typography and spacing (CSS clamp()) require manual implementation; generator produces fixed breakpoint values","Complex responsive interactions (collapsing navigation, modal behavior) must be coded manually","Breakpoint detection relies on artboard names or sizes; inconsistent naming produces incorrect breakpoint mapping"],"requires":["Figma file with multiple artboards labeled by breakpoint (e.g., 'Mobile', 'Tablet', 'Desktop')","Standard breakpoint definitions (320px, 768px, 1024px, etc.)","CSS or Tailwind framework supporting media queries/responsive utilities"],"input_types":["Figma file with multi-breakpoint artboards","Images representing different screen sizes","Breakpoint specifications (pixel widths)"],"output_types":["CSS with media queries","Tailwind responsive classes (sm:, md:, lg:, xl:)","React responsive components with useMediaQuery hooks","Flutter responsive layouts with MediaQuery"],"categories":["code-generation-editing","responsive-design"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_6","uri":"capability://code.generation.editing.accessibility.aware.semantic.html.generation","name":"accessibility-aware semantic html generation","description":"Generates HTML with semantic elements (header, nav, main, article, footer) and ARIA attributes (roles, labels, descriptions) inferred from design context and component types. Detects buttons, links, form inputs, and headings from visual design and produces corresponding semantic HTML elements with proper nesting. Generates alt text placeholders for images and ARIA labels for interactive components based on design intent and text content.","intents":["Generate accessible HTML with semantic elements and ARIA attributes from design mockups","Ensure generated code meets WCAG 2.1 AA accessibility standards without manual remediation","Create form markup with proper labels, error states, and validation attributes","Produce screen-reader-friendly code from visual designs"],"best_for":["Teams with accessibility compliance requirements (WCAG, ADA)","Public-facing applications requiring accessible UI","Organizations building inclusive design systems"],"limitations":["ARIA attribute generation is heuristic-based; complex accessibility patterns require manual review and refinement","Alt text generation produces generic placeholders; meaningful alt text requires manual writing","Color contrast validation is not performed; generated code may fail contrast ratio checks","Keyboard navigation and focus management patterns must be implemented manually in JavaScript","Screen reader testing required post-generation; automated generation cannot guarantee full accessibility"],"requires":["Design with clear semantic structure (buttons labeled, form fields identified, headings hierarchical)","HTML5 support in target environment","Manual accessibility testing and remediation post-generation"],"input_types":["Figma design with labeled components and text hierarchy","Image with detectable UI elements and text"],"output_types":["Semantic HTML (header, nav, main, article, footer, section)","ARIA attributes (role, aria-label, aria-describedby, aria-expanded)","Form markup with labels and validation","Alt text placeholders"],"categories":["code-generation-editing","accessibility"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_7","uri":"capability://code.generation.editing.design.to.code.live.preview.and.iteration.feedback","name":"design-to-code live preview and iteration feedback","description":"Provides real-time preview of generated code within VS Code editor, showing side-by-side comparison of Figma design and rendered code output. Enables iterative refinement with one-click regeneration, diff highlighting of changes, and visual feedback on code-to-design fidelity. Uses embedded browser preview or iframe rendering to display generated HTML/React components live, with hot-reload on code changes.","intents":["Visually validate generated code against original design before committing","Iterate on generated code with immediate visual feedback","Identify and fix code generation errors through side-by-side comparison","Refine design-to-code mapping without leaving VS Code"],"best_for":["Developers wanting to validate code generation quality before integration","Designers reviewing generated code for visual accuracy","Teams iterating on design-to-code workflows"],"limitations":["Live preview requires local development server or bundler (Vite, Webpack); adds setup complexity","Complex interactive components may not render correctly in preview without full app context","Performance degradation with large component libraries; preview may lag with 100+ components","Preview limited to generated code; external dependencies or API calls not simulated"],"requires":["VS Code 1.80+ with CodeParrot extension","Local development environment with Node.js 14+","Build tool (Vite, Webpack, or similar) for bundling preview code"],"input_types":["Generated React/HTML code","Figma design file or image"],"output_types":["Live HTML preview in VS Code webview","Visual diff highlighting","Regeneration suggestions"],"categories":["code-generation-editing","developer-experience"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_8","uri":"capability://code.generation.editing.design.system.token.extraction.and.code.generation","name":"design system token extraction and code generation","description":"Parses Figma design system tokens (colors, typography, spacing, shadows, border-radius) and generates corresponding code representations: CSS custom properties (--color-primary), JavaScript/TypeScript token objects, Tailwind config extensions, or framework-specific theme files. Maps Figma token structure to code token naming conventions and generates type-safe token usage patterns with autocomplete support.","intents":["Extract design tokens from Figma and generate code token definitions automatically","Create CSS custom properties or JavaScript token objects from Figma design system","Generate Tailwind config with custom colors, spacing, and typography from design tokens","Maintain sync between Figma design tokens and code token definitions"],"best_for":["Design systems teams maintaining token-based design workflows","Teams using Figma Tokens plugin or similar token management tools","Organizations standardizing on design token architecture"],"limitations":["Figma token structure must be well-organized; inconsistent naming produces poor code token names","Complex token relationships (e.g., semantic tokens based on primitive tokens) require manual setup","Token versioning and deprecation not handled; requires separate token versioning strategy","Generated tokens lack documentation; requires manual token documentation and usage guides"],"requires":["Figma design system with organized token structure","Figma Tokens plugin or similar token management tool (optional but recommended)","Target framework or CSS support"],"input_types":["Figma design tokens (colors, typography, spacing, shadows)","Figma Tokens plugin export (JSON)"],"output_types":["CSS custom properties (--token-name)","JavaScript/TypeScript token objects","Tailwind config extensions","Theme files (Material-UI, Chakra UI, etc.)"],"categories":["code-generation-editing","design-systems"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"vscode-codeparrot-ai-codeparrot__cap_9","uri":"capability://code.generation.editing.batch.design.to.code.conversion.with.file.organization","name":"batch design-to-code conversion with file organization","description":"Processes multiple Figma files or design pages in batch mode, generating code for each design and organizing output into a structured file hierarchy (components/, pages/, layouts/, etc.). Supports batch API calls to Figma and code generation backend, with progress tracking and error reporting. Generates index files and barrel exports for component libraries, enabling rapid scaffolding of entire component systems from Figma.","intents":["Convert entire Figma design system (50+ components) to code in one operation","Generate organized component library structure from Figma pages and frames","Scaffold new project with all design system components pre-generated","Batch-process design updates and regenerate affected components"],"best_for":["Design systems teams with large component libraries","Teams bootstrapping new projects from existing design systems","Organizations with frequent design-to-code batch workflows"],"limitations":["Batch processing adds latency; large batches (100+ components) may take 5-10 minutes","Error handling in batch mode may fail silently for individual components; requires manual error review","File organization assumes standard structure; custom folder hierarchies require manual post-processing","Generated index files may require manual refinement for proper exports and re-exports"],"requires":["Figma file with organized pages/frames for batch processing","Sufficient API rate limits (Figma API, code generation backend)","Local file system with write permissions for output directory"],"input_types":["Multiple Figma files or pages","Batch configuration (file list, output structure)"],"output_types":["Multiple component files organized by folder","Index/barrel export files","Component library structure"],"categories":["code-generation-editing","automation-workflow"],"confidence":0.5,"matches":0,"success_rate":0}],"trust":{"score":47,"verified":false,"data_access_risk":"high","permissions":["Figma account with file access permissions","VS Code 1.80+ with CodeParrot extension installed","React 16.8+ or Next.js 12+ project","API key for Claude (Anthropic) or OpenAI (depending on backend)","Image file (PNG, JPG, WebP) minimum 400x300 pixels recommended","VS Code extension with vision model backend (Claude Vision or GPT-4V)","Target framework installed (React, Flutter, HTML/CSS)","Figma design with interaction specifications (click targets, state changes)","React 16.8+ with hooks support","TypeScript 4.0+ for type-safe event handlers (optional but recommended)"],"failure_modes":["Complex interactive behaviors (animations, state machines) require manual implementation post-generation","Figma plugins and custom components may not translate to code equivalents","Generated code requires review for accessibility (ARIA labels, semantic HTML) compliance","Responsive design breakpoints must be manually refined for mobile-first approaches","Image quality and resolution directly impact code accuracy; low-res images produce generic layouts","Cannot infer interactive behavior, animations, or state transitions from static images","Text extraction from images may fail on small fonts or non-standard typography","Generated code lacks semantic structure for accessibility (no ARIA, alt text inference)","Complex state logic (multi-step forms, complex state machines) requires manual implementation","Figma interactions must be properly configured; missing interaction specs produce non-interactive code","builder identity is not verified yet","no observed match outcomes yet"],"rank_breakdown":{"adoption":0.48,"quality":0.49,"ecosystem":0.55,"match_graph":0.25,"freshness":0.75,"weights":{"adoption":0.25,"quality":0.25,"ecosystem":0.15,"match_graph":0.23,"freshness":0.12}},"observed_outcomes":{"matches":0,"success_rate":0,"avg_confidence":0,"top_intents":[],"last_matched_at":null},"maintenance":{"status":"active","updated_at":"2026-05-24T12:16:34.118Z","last_scraped_at":"2026-05-03T15:20:40.998Z","last_commit":null},"community":{"stars":null,"forks":null,"weekly_downloads":null,"model_downloads":null,"model_likes":null}},"distribution":{"claim_url":"https://unfragile.ai/submit?claim=codeparrot-ai-figma-to-code-design-to-code-copilot","compare_url":"https://unfragile.ai/compare?artifact=codeparrot-ai-figma-to-code-design-to-code-copilot"}},"signature":"4/wjZFNJqClU3SIxPRPKjbA9K4T7qj4uzwTBZZM7q6KRrboybrNkrKKfBHSuA/JpqU9eYE9KeEqM+uiJIQMiBA==","signedAt":"2026-06-22T15:23:30.617Z","signedBy":"unfragile.ai","version":1},"_links":{"self":"https://unfragile.ai/api/v1/passport/codeparrot-ai-figma-to-code-design-to-code-copilot","artifact":"https://unfragile.ai/codeparrot-ai-figma-to-code-design-to-code-copilot","verify":"https://unfragile.ai/api/v1/verify?slug=codeparrot-ai-figma-to-code-design-to-code-copilot","publicKey":"https://unfragile.ai/api/v1/trust-passport-public-key","spec":"https://unfragile.ai/trust","schema":"https://unfragile.ai/schema.json","docs":"https://unfragile.ai/docs"}}