VibedorNotVibedorNot
Back to feedPublic Project Page
CanvasKit AI cover
Design Tools0 vibe

@Maya Patel

CanvasKit AI

Accessible React components generated from Figma libraries

Project walkthrough

Scroll through the full build, demos, and screenshots.

CanvasKit AI detail 1CanvasKit AI detail 2

About

CanvasKit AI converts Figma variables and components into typed React primitives with accessibility checks.

Problem

Design-to-code handoff loses semantics, variants, and accessibility intent.

Solution

A structured Figma parser maps design tokens and variants into tested component APIs.

Tech Stack

ReactFigma APIStorybookTailwind

Links