Layout

Changelog

New updates and improvements across Layout Studio, CLI, Figma Plugin, and Chrome Extension.

27 new features, 33 improvements, and 36 fixes across Studio, Figma Plugin. Highlights: Live Preview now feels like the actual brand, Wishlist on the Kit Gallery, Pick the gallery card image.

Studio
  • NewLive Preview now feels like the actual brand
  • NewWishlist on the Kit Gallery
  • NewPick the gallery card image
  • NewClaude writes a bespoke showcase for every new kit
  • NewEvery kit in the Gallery renders live against its own tokens
  • NewUpload a profile picture
  • NewBrowse community kits at layout.design/gallery
  • NewShare your Studio project as a public kit
  • NewHow Layout compares to Google's design.md
  • NewExport bundles now ship a companion design.md
  • NewGenerate logos and wordmarks with OpenAI GPT Image 2.0
  • NewSpot and fix token gaps between extraction and layout.md
  • NewBrand logos support colour, white, black and mono variants
  • NewSwap brand logos from the Inspector
  • NewCurate light and dark tokens side by side
  • NewWelcome modal and onboarding checklist
  • NewStart with a blank design system
  • NewUpload brand logos and favicons
  • NewAttach project context documents
  • NewAdd tokens manually
  • NewLight, dark, and system theme
  • NewForgot password flow
  • NewRate generated variants
  • NewDark mode works end-to-end in curated tokens
  • NewEditor protects AI-generated sections of layout.md
  • ImprovedLive Preview shows a full component palette
  • ImprovedBrand-aware hero + share button on the gallery
  • ImprovedLight/Dark mode tabs in Curated populate themselves
  • ImprovedExplore: Enter submits, Shift+Enter adds a line break
  • ImprovedCurated token picker shows every token
  • ImprovedAuto-fill curated roles from your tokens
  • ImprovedGallery Live Preview now uses our uniform template by default
  • ImprovedGallery cards get a New badge, admin row gets tidier
  • ImprovedSelf-published kits go through admin review
  • Improvedlayout.design/spec is the canonical spec URL
  • ImprovedClearer message when your own Anthropic credits run out
  • ImprovedStay signed in during brief database restarts
  • ImprovedFriendlier token role pickers in the Design System page
  • ImprovedSmarter, cheaper AI generation with Opus 4.7 and prompt caching
  • ImprovedInstall CLI step now links to instructions
  • ImprovedFriendlier Push to Figma modal
  • ImprovedOnboarding keys are now clearly optional
  • ImprovedAccent hover colour stays on-brand
  • ImprovedImproved workspace switcher
  • ImprovedBetter Design System page
  • ImprovedCancel extractions in progress
  • ImprovedLight mode polish
  • ImprovedClearer role count on the Curated page
  • ImprovedExported layout.md matches what your agents see
  • ImprovedClearer errors when context files are too large
  • ImprovedBrand assets, icons, context docs and scanned components now feed your AI
  • ImprovedConsistent token category names across Source Panel and Curated
  • ImprovedExisting projects auto-migrate to the authored-prose model
  • ImprovedDesign System page consolidates tokens, assets and context
  • ImprovedDesign system exports no longer carry base64 image data
  • ImprovedTidier Brand Assets list
  • ImprovedClearer language on auto-generated sections of layout.md
  • FixedLarger design systems now generate fully
  • FixedChrome extension install instructions match the actual ZIP
  • FixedGallery stays online during bulk kit regeneration
  • FixedLive Preview rendering fixes
  • FixedGallery Tokens tab now lists everything the studio sees
  • FixedBorder-radius tokens stop showing in the BORDERS group
  • FixedStatus colours stop stealing default role slots
  • FixedGallery Tokens tab now lists every token, not just colours
  • FixedShowcase text stays readable on dark kits
  • FixedInspector edits keep responsive Tailwind classes
  • FixedWelcome modal no longer links to an unrecorded video
  • FixedCleaner sidebar on settings pages
  • FixedPush to Figma: working link to Figma's MCP catalog
  • FixedExplorer variants now show your uploaded brand logos
  • FixedExtraction Changes modal now scrolls through every change
  • FixedStaging sessions stick around properly
  • FixedRe-extraction no longer wipes your hand-curated assignments
  • FixedCurated view now maps the full synthesised token set
  • FixedExplorer reference images now persist across refreshes
  • FixedScreenshot push no longer crashes the Studio page
  • FixedAI chat edits layout.md surgically
  • FixedLayout.md edits always reach AI generation
  • FixedCustom colours now persist
  • FixedDeleting tokens updates layout.md
  • FixedMore reliable AI image generation
  • FixedInspector style edits now target the correct element
  • FixedCleaner CSS token injection
  • FixedFixed React component previews
  • FixedCurated tokens reliably reach your AI agents
  • FixedSelected icon packs now persist
  • FixedDesign system snapshots survive reloads
  • FixedAvatar generation in Explorer variants is reliable again
  • FixedAvatar placeholders for non-Latin names and repeated initials
  • FixedSign-in and password modals stay dark in light mode
  • FixedBrand CTA colours now assigned to the Accent role
Figma Plugin
  • NewLight and dark Figma Variables sync as separate tokens
  • NewSync colours and spacing from Figma Variables
  • ImprovedClearer extraction state and Variables controls in the plugin
  • FixedFigma plugin keeps every colour ramp on extraction

16 new features, 21 improvements, and 26 fixes across Figma Plugin, Studio. Highlights: Light and dark Figma Variables sync as separate tokens, Sync colours and spacing from Figma Variables, Spot and fix token gaps between extraction and layout.md.

Studio
  • NewSpot and fix token gaps between extraction and layout.md
  • NewBrand logos support colour, white, black and mono variants
  • NewSwap brand logos from the Inspector
  • NewCurate light and dark tokens side by side
  • NewWelcome modal and onboarding checklist
  • NewStart with a blank design system
  • NewUpload brand logos and favicons
  • NewAttach project context documents
  • NewAdd tokens manually
  • NewLight, dark, and system theme
  • NewForgot password flow
  • NewRate generated variants
  • NewDark mode works end-to-end in curated tokens
  • NewEditor protects AI-generated sections of layout.md
  • ImprovedFriendlier token role pickers in the Design System page
  • ImprovedSmarter, cheaper AI generation with Opus 4.7 and prompt caching
  • ImprovedInstall CLI step now links to instructions
  • ImprovedFriendlier Push to Figma modal
  • ImprovedOnboarding keys are now clearly optional
  • ImprovedAccent hover colour stays on-brand
  • ImprovedImproved workspace switcher
  • ImprovedBetter Design System page
  • ImprovedCancel extractions in progress
  • ImprovedLight mode polish
  • ImprovedClearer role count on the Curated page
  • ImprovedExported layout.md matches what your agents see
  • ImprovedClearer errors when context files are too large
  • ImprovedBrand assets, icons, context docs and scanned components now feed your AI
  • ImprovedConsistent token category names across Source Panel and Curated
  • ImprovedExisting projects auto-migrate to the authored-prose model
  • ImprovedDesign System page consolidates tokens, assets and context
  • ImprovedDesign system exports no longer carry base64 image data
  • ImprovedTidier Brand Assets list
  • ImprovedClearer language on auto-generated sections of layout.md
  • FixedInspector edits keep responsive Tailwind classes
  • FixedWelcome modal no longer links to an unrecorded video
  • FixedCleaner sidebar on settings pages
  • FixedPush to Figma: working link to Figma's MCP catalog
  • FixedExplorer variants now show your uploaded brand logos
  • FixedExtraction Changes modal now scrolls through every change
  • FixedStaging sessions stick around properly
  • FixedRe-extraction no longer wipes your hand-curated assignments
  • FixedCurated view now maps the full synthesised token set
  • FixedExplorer reference images now persist across refreshes
  • FixedScreenshot push no longer crashes the Studio page
  • FixedAI chat edits layout.md surgically
  • FixedLayout.md edits always reach AI generation
  • FixedCustom colours now persist
  • FixedDeleting tokens updates layout.md
  • FixedMore reliable AI image generation
  • FixedInspector style edits now target the correct element
  • FixedCleaner CSS token injection
  • FixedFixed React component previews
  • FixedCurated tokens reliably reach your AI agents
  • FixedSelected icon packs now persist
  • FixedDesign system snapshots survive reloads
  • FixedAvatar generation in Explorer variants is reliable again
  • FixedAvatar placeholders for non-Latin names and repeated initials
  • FixedSign-in and password modals stay dark in light mode
  • FixedBrand CTA colours now assigned to the Accent role
Figma Plugin
  • NewLight and dark Figma Variables sync as separate tokens
  • NewSync colours and spacing from Figma Variables
  • ImprovedClearer extraction state and Variables controls in the plugin

3 new features, 3 improvements, and 4 fixes across Studio. Highlights: Light, dark, and system theme, Forgot password flow, Rate generated variants.

Studio
  • NewLight, dark, and system theme
  • NewForgot password flow
  • NewRate generated variants
  • ImprovedImproved workspace switcher
  • ImprovedBetter Design System page
  • ImprovedCancel extractions in progress
  • FixedMore reliable AI image generation
  • FixedInspector style edits now target the correct element
  • FixedCleaner CSS token injection
  • FixedFixed React component previews

17 new features, 25 improvements, and 15 fixes across Studio, Figma Plugin, CLI, Chrome Extension. Highlights: Codebase Scanner, Explorer suggests reusing your existing components, Page-specific Figma extraction.

Studio
  • NewCodebase Scanner
  • NewExplorer suggests reusing your existing components
  • NewPage-specific Figma extraction
  • NewPush designs to Paper.design
  • NewPublic product roadmap
  • NewGenerate code from Figma frames
  • NewVisual design system reference page
  • NewLive Figma preview in Studio
  • NewFeedback link in sidebar
  • NewCustom font support
  • NewLive token sync from Figma plugin
  • NewBlur effect extraction
  • NewExtraction warnings for large design systems
  • NewLight/dark mode token support
  • NewAutomatic re-extraction on Figma changes
  • ImprovedExtraction warnings for oversized files
  • ImprovedHealth score breakdown on hover
  • ImprovedPush to Figma auto-fills your file URL
  • ImprovedSee exactly why your compliance score is low
  • ImprovedPush to Figma as editable objects
  • ImprovedMore accurate design system extraction
  • ImprovedCleaner sidebar navigation
  • ImprovedBetter loading experience for variant generation
  • ImprovedSmooth reveal animation for generated variants
  • ImprovedExplorer is now the default view
  • ImprovedClearer Figma token error messages
  • ImprovedFull gradient extraction from Figma
  • ImprovedMore complete typography extraction
  • ImprovedComponent property defaults in extraction
  • ImprovedComplete Tailwind config exports
  • ImprovedW3C DTCG composite typography tokens
  • Improved10-dimension quality scoring
  • ImprovedSmarter variant health checks
  • FixedCleaner component lists
  • FixedExtraction diff modal now scrollable
  • FixedLarge Figma files now extract successfully
  • FixedCompare view fixed
  • FixedInspector now selects all button types
  • FixedGenerated variants survive page refresh
  • FixedRetry render without regenerating
  • FixedFixed accidental actions when exiting Inspector
  • FixedDocumentation updates
  • FixedLarge Figma files no longer crash extraction
  • FixedReliable layout.md generation for all websites
  • FixedFixed saving projects with many generated variants
  • FixedFigma variable alias resolution
CLI
  • NewPush design tokens to Figma
  • ImprovedAuto-fix Figma MCP setup
  • Improved12 MCP compliance rules
Figma Plugin
  • NewCreate new projects from the plugin
  • ImprovedMotion tokens in Figma plugin
  • ImprovedCanvas renamed to Explore
  • ImprovedFaster, safer token extraction
  • FixedVariables API works on all Figma plans
Chrome Extension
  • Improvedlayout.md support
  • ImprovedCreate projects from the extension
  • FixedBetter full-page screenshots

10 new features, 14 improvements, and 7 fixes across Studio, CLI, Figma Plugin, and Chrome Extension. Highlights: Custom fonts, Generate from Figma, Design System page, Paper.design push, Figma plugin token sync.

Studio
  • NewCustom font support
  • NewLive token sync from Figma plugin
  • NewPush designs to Paper.design
  • NewPublic product roadmap
  • NewGenerate code from Figma frames
  • NewVisual design system reference page
  • NewLive Figma preview in Studio
  • NewFeedback link in sidebar
  • ImprovedHealth score breakdown on hover
  • ImprovedPush to Figma auto-fills your file URL
  • ImprovedSee exactly why your compliance score is low
  • ImprovedPush to Figma as editable objects
  • ImprovedMore accurate design system extraction
  • ImprovedCleaner sidebar navigation
  • ImprovedBetter loading experience for variant generation
  • ImprovedSmooth reveal animation for generated variants
  • ImprovedExplorer is now the default view
  • FixedChangelog persists across deploys
  • FixedInspector now selects all button types
  • FixedGenerated variants survive page refresh
  • FixedRetry render without regenerating
  • FixedFixed accidental actions when exiting Inspector
CLI
  • NewPush design tokens to Figma
  • ImprovedAuto-fix Figma MCP setup
Figma Plugin
  • NewCreate new projects from the plugin
  • ImprovedCanvas renamed to Explore
  • ImprovedFaster, safer token extraction
  • FixedVariables API works on all Figma plans
Chrome Extension
  • Improvedlayout.md support
  • ImprovedCreate projects from the extension
  • FixedBetter full-page screenshots

19 new features, 22 improvements, and 13 fixes across Figma Plugin, Studio, CLI, Chrome Extension.

Studio
  • NewBreakpoints included in extractions
  • NewSearch access requests
  • NewWeekly changelog
  • NewIcon pack selection for design systems
  • NewStructure-first design exploration
  • NewGenerate images from the Inspector
  • NewReal brand logos in designs
  • NewOverride design system tokens in Explorer prompts
  • ImprovedFigma extraction now captures radius and spacing
  • ImprovedPrimitive tokens linked to semantic tokens
  • ImprovedMore accurate website extraction
  • ImprovedExtract tokens from more CSS selectors
  • ImprovedTailwind-aware component examples
  • ImprovedEffects tokens grouped in sidebar
  • ImprovedSecurity hardening
  • ImprovedCollapsible token sub-groups
  • ImprovedSmart image regeneration
  • ImprovedPhotorealistic image generation
  • ImprovedDraggable and resizable Inspector panel
  • ImprovedInstant style edits in Inspector
  • ImprovedStronger design system compliance
  • ImprovedClearer error messages when generation fails
  • ImprovedTokens appear automatically after extraction
  • ImprovedCredit check before extraction starts
  • ImprovedFigma token saved to Settings automatically
  • ImprovedPrimary and secondary tokens grouped correctly
  • FixedNew Users stat respects time range
  • FixedMore reliable generation for large websites
  • FixedSmarter error handling for design system generation
  • FixedToken colour swatches now show actual colours
  • FixedInspector changes no longer hang or get lost
  • FixedBetter tablet navigation
  • FixedGemini generation errors now visible
  • FixedFree credits work on first sign-up
  • FixedInspector-generated images now save reliably
  • FixedConnect tab shows correct import command
CLI
  • NewInstall to 6 AI coding tools
  • NewNew check-setup tool and enhanced doctor
  • NewLocal preview server
  • ImprovedDESIGN.md renamed to layout.md
  • ImprovedPush multiple variants to Figma
Figma Plugin
  • NewFigma Plugin documentation
  • NewVariables panel for token sync
  • NewProject and org picker
  • NewVariant frames assembled into ComponentSets
  • NewCreate projects from the plugin
  • ImprovedRefreshed plugin UI
  • Improvedlayout.md support
  • FixedFigma plugin download fixed
  • FixedFigma plugin health check works again
Chrome Extension
  • NewChrome extension for website extraction
  • NewCreate projects from the extension
  • NewCopy Element to clipboard
  • FixedBetter full-page captures

Rebranded the design system file to layout.md across the entire platform for clearer brand identity.

Studio
  • Improvedlayout.md replaces DESIGN.md across Studio
CLI
  • ImprovedCLI auto-migrates existing DESIGN.md files to layout.md

Layout launches. Extract design systems from Figma and websites, generate AI-optimised context bundles, and explore component variants with AI.

Studio
  • NewExplorer Canvas for AI-powered multi-variant generation
  • NewSave Explorer variants directly to component library
  • NewDesign system quality scoring across 6 categories
  • NewExtraction diff on re-extract with accept/discard
  • NewWebsite and Figma extraction with Claude synthesis
CLI
  • NewPush components to Figma as editable frames
  • NewDesign in Figma with AI using design system context

AI-assisted component creation lands in Studio, and the CLI gets smarter with automatic MCP setup and a new doctor command.

Studio
  • NewNew Project button on the projects page
  • NewAI-assisted component creation in the component editor
CLI
  • NewServe local files for Figma capture via new serve-local command
  • NewDoctor command with --fix to auto-install missing dependencies
  • ImprovedAutomatic Figma MCP and Playwright MCP setup on install