Best of Figma — March 2026

  1. 1
    Video
    Avatar of fireshipFireship·10w

    Did UI designers just get replaced by vibes?

    Google Stitch, an AI-powered vibe design tool, has received a major update that lets developers and designers generate UI/UX designs, interactive prototypes, and exportable design systems from natural language prompts or URLs. The tool integrates with Gemini for voice-driven design, produces responsive interactive components, and exports a design markdown file for use with other AI coding tools like Claude. Meanwhile, Tailwind CSS has reportedly laid off most of its team as AI tools reduce demand for traditional CSS frameworks and premium templates.

  2. 2
    Article
    Avatar of minersThe Miners·11w

    Figma MCP Builds Exactly What You Ask – Nothing More

    Two developers ran real-world experiments using Figma's MCP with Claude Code to convert Figma designs into code. Key findings: the tool is highly literal and does exactly what you ask — no more. Specificity in prompts is critical; vague requests yield inconsistent results. Visual translation from Figma to code is accurate, but structural best practices (file separation, responsiveness, component organization) must be explicitly requested. Applying changes to an existing codebase works better than greenfield generation because Claude has structural context to follow. A major practical blocker is Figma's MCP quota on the free tier (~6 requests/month), which severely limits experimentation. Design library mapping is also a current weak point.

  3. 3
    Article
    Avatar of figmaFigma·12w

    How to supercharge your design system with slots

    Figma's slots feature, now in open beta, lets designers customize components without detaching them, mirroring how developers inject content into container components in code. Five field-tested tips from early users cover: starting with high-detach components like dialogs and cards, using pre-filled vs. empty slots intentionally, adding preferred instances as guardrails, scaling slots to full page layouts, and aligning design structure with production code via Code Connect integration.

  4. 4
    Article
    Avatar of figmaFigma·10w

    How we rebuilt the foundations of component instances

    Figma's engineering team replaced a decade-old Instance Updater architecture with a new reactive system called Materializer. The old system handled component instances in a self-contained but increasingly fragile way, causing cascading updates and editor lockups in large design system files. The new architecture introduces push-based dependency tracking, automatic invalidation, and a shared runtime orchestration layer that cleanly separates layout, variable evaluation, and instance resolution. Common operations like variable mode changes improved by 40–50% in large files. The framework is generic enough that other Figma features like rich text and slots are now built on top of it, accelerating future development. Rollout involved months of parallel validation across hundreds of thousands of production files to ensure correctness and performance parity.

  5. 5
    Article
    Avatar of netguruNetguru·11w

    Silk Design System Documentation

    Silk is a free, open design system by Netguru built for mobile and responsive web in Figma. The documentation covers full setup (publishing Phosphor icons and Silk libraries), and deep customization across colors (built-in palette swapping and custom palette generation using AI prompts), typography (font families, sizes, weights, line heights), iconography, shapes, spacing, grid/layout, and component architecture. It also details naming conventions, component property patterns, and WCAG 2.2 AA accessibility requirements for building or extending components.

See all Figma archives