Figma Generate Design

Name: Figma Generate Design
Author: nexu-io

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

Skill103.8k stars on nexu-io/open-design · shared by 162 skills

Install

npx skills add nexu-io/open-design --skill figma-generate-design

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

Loading States And Perceived Performance
Spinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
Skill
174· repoGitHub stars for dembrandt/dembrandt-skills, shared by the 45 skills listed from this repo
Shadcn Ui
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Skill
104.2k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
After Hours Editorial Template
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads.
Skill
101.1k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo