Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Webo: Figma to HTMLNew to Visual Studio Code? Get it now.
Webo: Figma to HTML

Webo: Figma to HTML

Pixolo

|
181 installs
| (0) | Free
Converts Figma Frames to Tailwind TSX via hardcoded rules
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🧠 Webo – Figma to Tailwind TSX (VS Code Extension)

Webo is a developer-first VS Code extension that converts Figma Frames into clean React + Tailwind TSX code — with zero hallucination, no AI, and full rule-based control.


✨ Features

  • 🎯 Select any Figma Frame → Generate HTML/TSX with Tailwind
  • 🧩 Uses strict mapping rules from a weborc.json file
  • 🔗 Input Figma URL via Command Palette (Cmd/Ctrl + Shift + P)
  • 🪄 Respects:
    • Auto Layout → flex, flex-col, gap-*
    • Alignment → justify-*, items-*
    • Components (C:Button) → <Button />
    • Icons (Icon:name:variant) → <Icon name="..." variant="..." />
    • Typography → Tailwind font size, weight, color
    • Images → <img /> placeholders for image fills
  • ❌ Ignores hidden layers
  • 🔒 Skips rendering children for component references
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft