nexlabz

URL To Figma — Design skill for Claude Code

Design community

Turn a website URL into an editable Figma design.

How to install URL To Figma

Installs to ~/.claude/skills/nexlabz-figma-forge-url-to-figma/SKILL.md

Terminal

mkdir -p ~/.claude/skills/nexlabz-figma-forge-url-to-figma && curl -fsSL https://raw.githubusercontent.com/nexlabz/figma-forge/HEAD/commands/url-to-figma.md -o ~/.claude/skills/nexlabz-figma-forge-url-to-figma/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What URL To Figma does

description: Turn a website URL into an editable Figma design argument-hint: [--viewports desktop,mobile] [--figma ]

Turn this into a Figma design: **$ARGUMENTS**

Load the `url-to-figma` skill and follow it end to end. Before anything else, run the `figma-connect` preflight — confirm a Full seat and settle the target file (an existing Figma URL if the user gave one, otherwise create a file and say which team it went in).

Then: extract → derive tokens → **ask whether to

Alternatives in Design

Vox Director — Turn one topic into a finished Vox-style paper-collage explainer/ad video — automated end to end on Atlas Clou 2.1k ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
Hn Rewrite — Read {{arg1}} (either a file path or GitHub issue URL) and rewrite it in a technical, matter-of-fact style sui 570 ★