Figma Generate Design (OpenAI)

Get skill on GitHubRaw SKILL.md on GitHub

Opens the skill on GitHub

Source OpenAI (@openai) — openai/skills (Codex curated)

Installnpx skills add openai/skills --skill figma-generate-design

Submit a skill

Overview

Builds or updates full-page Figma screens from code/descriptions using design-system search and assembly.

Use cases

Alternatives

  • Add Firebase Authentication to an appThis skill guides adding Firebase Authentication to an app for user sign-in and account management. It covers users, identity providers, and tokens, then steps through provisioning, client setup, and security rules that limit data access by signed-in user.Coding agentFirebaseAuth
  • Agents SDK (Cloudflare)Builds agents on Cloudflare's Agents SDK with Workers-friendly patterns and constraints.Coding agent
  • Algorithmic ArtCreates seeded algorithmic art with p5.js and interactive parameter exploration.Coding agent
  • Animate web pages with GSAPThis skill is GreenSock's guide to the core GSAP API: tweens with to, from, and fromTo, easing, duration, stagger, and defaults. It also covers matchMedia for responsive and reduced-motion animation and when to pick GSAP over CSS or other libraries.Coding agentAnimationFrontend
  • Apple DesignApplies Apple-like interface and physical-motion design patterns to web experiences.Coding agentDesignFrontend

Files in this skill

See folder on GitHub