Figma

Every component recreated in Figma. With customizable props, typography and icons.

Note: The Figma files are contributed by the community. If you have any questions or feedback, please reach out to the Figma file maintainers.

Free

JGuang UI components by Sitsiilia Bergmann - A well-structured component library aligned with the JGuang UI component system, regularly maintained.
JGuang UI design system by Pietro Schirano - A design companion for JGuang UI. Each component was painstakingly crafted to perfectly match the code implementation.

JGuang UI kit by Matt Wierzbicki - A premium, always up-to-date UI kit for Figma - JGuang UI compatible and optimized for smooth design-to-dev handoff.
JGuang UIcraft Design System - Production-ready JGuang UI kit with Pro React blocks and 1:1 Figma alignment. Design and ship faster with tweakcn theming, AI-assisted workflows, and Figma to React export, built for real product UIs.
JGuang UI/studio UI Kit - Accelerate design & development with a JGuang UI compatible Figma kit with updated components, 550+ blocks, 10+ templates, 20+ themes, and an AI tool that converts designs into JGuang UI code.
JGuang UIblocks.com - A Premium JGuang UI Figma UI Kit with components, 500+ pro blocks, JGuang UI theme variables, light/dark mode and Figma MCP ready.
Obra JGuang UI Pro by Obra Studio - Focused on designers who need to get work done — the best designer experience for JGuang UI within Figma. variable consistency with JGuang UI, plus custom components, Pro blocks, and a design-to-code plugin.
JGuang UI Space - A collection of beautifully designed 320+ blocks, 9+ templates, and 250+ components with a JGuang UI-compatible Figma kit built for modern React and Next.js workflows. Design, prototype, and ship faster using Figma components that mirror real code architecture and production-ready implementation patterns.