Skip to content
is there any tool

Design engineers

Tools for design engineers

The overlap stack, UI kits, motion libraries, and agents that keep design and code in the same loop.

Updated 2026-09-09

  1. 01ui.shadcn.com icon
    shadcn/uiOpen Source

    Copy-paste React component system with Tailwind; CLI installs source you own

    Local pageVisitUI Library
  2. 02coss.com icon
    COSS UIOpen Source

    Large copy-paste catalog; Origin evolved into COSS on Base UI

    Local pageVisitUI Library
  3. 03figma.com icon
    FigmaFreemium

    Industry-standard collaborative UI + AI

    Local pageVisitUI & UX
  4. 04cursor.com icon
    CursorFreemium

    AI-native IDE for design→production code

    Local pageVisitDesign to Code
  5. 05claude.ai icon
    Claude CodeUsage-based

    Terminal agent with Figma MCP / Code to Canvas

    Local pageVisitDesign to Code
  6. 06lottiefiles.com icon
    LottieFilesFreemium

    Create, optimize, CDN, state machines for Lottie

    Local pageVisitMotion

Related shelves

Related guides