VS Code Extensions

Tags

#design

ResponsiveView

ResponsiveView

LiorBaum

Preview your localhost inside realistic device frames — 52 devices, 16 breakpoints, dark/light themes — directly in VS Code and Cursor.

Visualization #keybindings
129
Pixso

Pixso

Pixso

Open Pixso design files directly inside VS Code

Other #ui
102
ResView – Responsive Design Tester

ResView – Responsive Design Tester

FrankMcDonald

Test responsive designs (Mobile First) without leaving VS Code. Preview sites in phones, tablets and desktop views with portrait/landscape toggle.

Other #testing
76
DMCTN Taste Skill

DMCTN Taste Skill

buivantinh

Install anti-slop UI taste skills into your project for Cursor / VS Code agents / Claude Code / Codex. Bilingual VI/EN dashboard.

Snippets #ai
66
Preview All-in-One with QuickLook

Preview All-in-One with QuickLook

occasional16

Preview many local file types from VS Code through Windows QuickLook.

Visualization #markdown
60 5.0
Visual Table Designer

Visual Table Designer

chaunguyen2310

An intuitive visual drag-and-drop tool to generate HTML tables with Tailwind CSS, Bootstrap, and inline CSS directly in VS Code.

Snippets Formatters #html
47
design-ai

design-ai

sungjin

Senior product designer for any AI coding agent. Surfaces 20 skills, 17 commands, 221 worked examples, and website improvement workflows. Korean market depth.

AI #ai
41
Ferguson

Ferguson

davidcockson

An extension to guide architectural decision-making.

Other #requirements
35
Polygram

Polygram

Polygram

Design canvas and AI chat for your app — edit UI visually and code in one place.

Visualization #ai
35
Zippa Design Engine

Zippa Design Engine

franzippa

Safe high-performance UI/UX prompt workflows for Claude Code, Codex, and VS Code.

Other #codex
32
ByteX MCP

ByteX MCP

ByteX

All-in-one AI coding extension: 17 chat commands, 18 LM tools, Superpowers skills, persistent memory, security auditing (OWASP), code review (score/100), design system (161 rules / 67 palettes / 57 fonts), n8n MCP, Magic MCP UI generation — integrated with VS Code native Chat

Programming Languages AI #ai
28
Uxi

Uxi

uxicraft

AI-native design agent — connect Claude Code with Figma in one click. Craft design systems, audit UX, and ship design-to-code workflows.

AI #ai
19