development⁽²⁷⁾

Agent-focused linter for Tailwind v4 design systems. Enforces component, token, color, and class rules through ESLint or Oxlint, with fix guidance drawn from the project's own components and theme.

Open-source visual editor that wraps a running web app in a Figma-like canvas, maps selected elements to source files, and lets Codex, Claude Code, or OpenCode apply reviewable edits.

Figma’s technical case study on making a canvas-based editor accessible through an internal accessibility tree, Mirror DOM, selection sync, and screen-reader announcements.

Case study on building a tactile web interaction with deterministic Lottie frame control, DOM coordinate mapping, and distance-based input. Covers responsive behavior, mobile performance, and asset loading.

Claude Code is Anthropic's agentic coding assistant that lives in your terminal. It understands your codebase, makes edits across files, runs commands, and helps with everything from debugging to building new features.

macOS app for turning code snippets into shareable images, with syntax highlighting for 180+ languages, 80+ themes, and controls for type, padding, shadows, and social formats.

create-figma-plugin is an open-source toolkit for building Figma plugins and widgets with TypeScript. It provides project scaffolding, Preact UI components matching Figma's design, bundling with esbuild, and utilities for the plugin API — the most complete development environment for Figma plugin authors.

Learn-by-doing textbook that connects interface design, usability, accessibility, and HTML/CSS/JavaScript with the social and political context of the web. Includes cases, interviews, exercises, and code.

CSS.gg provides 700+ minimalist icons built entirely with pure CSS — no SVG, no fonts, no images. They're lightweight, easily customizable via CSS custom properties, and available as npm packages. Ideal for developers who want tiny, performant icons.

Figlet provides an interactive sandbox environment inside Figma where you can experiment with the Figma Plugin API in real-time. Write, test, and share code snippets — ideal for learning plugin development or quickly testing API calls without setting up a full project.

Official open-source index of Figma plugins, widgets, agent skills, and developer references. Useful for finding working examples and source code for extending Figma and its MCP workflows.

Handoff extracts design tokens from Figma files, annotates components, previews generated CSS, and builds static documentation sites via CLI. It bridges the gap between design and development by turning Figma designs into developer-ready specifications automatically.

Registry of open-source typefaces packaged for self-hosting through npm. Browse variable and static families, then install versioned font files and CSS without relying on a third-party font CDN.

Open-source CLI and browser studio for producing App Store and Google Play screenshots and preview videos from simulator flows. Frames captures, applies copy and layouts, and checks store upload rules.

Kavsoft specializes in SwiftUI tutorials covering Core Data, task management apps, custom UI components, and animations for iOS 16+. Patreon supporters get full source code access to 400+ projects plus early access to new tutorials.

Native macOS canvas for running multiple coding agents in spatial terminal nodes. Connect agents, assign reusable roles, draw diagrams, capture notes, and isolate work in APFS-backed floors.

Omlet analyzes your codebase to show exactly how design system components are being used — adoption rates, prop usage patterns, and which teams are (or aren't) using the system. Data-driven insights for proving design system ROI and identifying gaps.

Visual design canvas connected to a React codebase, using its components, tokens, live data, and responsive states. Teams can prototype against the product and hand engineering a scoped pull request.

Open-source harness that runs coding agents against a React design system and grades component use, API fidelity, tokens, accessibility, and compilation. Compares results across models and context levels.

Open-source CLI and browser tools for parsing and rendering Figma .fig and .deck files. Converts HTML decks to editable Figma Slides while preserving text, vectors, layouts, fonts, and speaker notes.

Vector design canvas for desktop apps and IDEs that stores open .pen files in the repo, imports Figma work, and supports bidirectional design and code changes through local MCP tools.

Free WCAG 2.2 audit suite with browser extensions, a bookmarklet, CLI, and open-source engine. Findings include exact elements and fixes, while uncertain criteria stay in a manual-review checklist.

Native macOS menu bar tracker for usage, costs, and rate limits across Codex, Claude, Cursor, Copilot, Gemini, and other coding tools. Useful for planning long agent sessions.

Framer plugin for reviewing unpublished changes, checking the active branch and target, creating safety branches, publishing previews, surfacing deployment issues, and copying release notes.

dotenv.dev's Figma starter lets you generate a fully configured plugin project with your choice of framework (React, Vue, or vanilla), bundling, and TypeScript setup. It eliminates boilerplate setup so you can focus on building your plugin's actual functionality.

SwiftUI code examples, tutorials, and templates for iOS app development.

A specialized color generator that creates complete Tailwind CSS color scales from a single color input. It produces 50-950 shade ranges that match Tailwind's naming convention, ready to paste into your tailwind.config.js for custom brand colors.