# Topics, Matt Legrand URL: https://mattlegrand.ai/tags/ > Matt Legrand's work by topic, largest topic first. ## Product design (11) URL: https://mattlegrand.ai/tags/product-design/ - [Sketching with words](https://mattlegrand.ai/work/draw-ai-canvas/index.md) (2025; AI, Design tools, Product design): Teaching a drawing tool to think about space, hierarchy, and layout. - [An agent that actually understands your codebase](https://mattlegrand.ai/work/augment-agent/index.md) (2025; AI, AI agents, Developer tools, Product design, Code intelligence): How we solved the context problem that makes most AI coding assistants useless in real codebases, creating an agent that can work with 100k+ file repositories. - [Building a context engine for real codebases](https://mattlegrand.ai/work/augment/index.md) (2024; AI, Developer tools, Product design, Code intelligence): How we built Augment's Context Engine to solve why AI coding assistants fail: understanding what matters in 100k+ file repositories. - [Real-time collaboration tools for software teams](https://mattlegrand.ai/work/replit-teams/index.md) (2024; AI, Developer tools, Product design, Collaboration): Collaborative tools that bring the natural feel of Google Docs and Figma to software development for teams building in real time. - [Tools for the next generation of software developers](https://mattlegrand.ai/work/replit/index.md) (2024; AI, Developer tools, Product design, Collaboration): Today, comparatively few people build software the rest of the world uses. - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. - [AI-powered development tools for modern workspaces](https://mattlegrand.ai/work/replit-ai/index.md) (2024; AI, Developer tools, Product design, Design systems): Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows - [Better version control, without reinventing git](https://mattlegrand.ai/work/replit-projects/index.md) (2024; AI, Developer tools, Product design, Collaboration, Version control): How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git. - [Figma to Code transforms designs into React projects](https://mattlegrand.ai/work/figma-to-code/index.md) (2024; Developer tools, Design tools, React, Product design, Collaboration): A Figma plugin that exports designs into production-ready React projects, streamlining the journey from design to deployment. - [Build full-stack applications without writing code](https://mattlegrand.ai/work/bubble/index.md) (2021; Design systems, Product design, No-code, UX, User research): Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. - [Data-driven care for injectable medicine](https://mattlegrand.ai/work/gocap/index.md) (2019; Healthcare, IoT, Product design, Hardware, UX): Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. ## AI (10) URL: https://mattlegrand.ai/tags/ai/ - [Smarter ghost text](https://mattlegrand.ai/work/ghst/index.md) (2026; AI, Developer tools, CLI, Open source): ghst is a zsh plugin that puts LLM ghost text on your command line: inline autocomplete as you type, plain-English commands, and history search by meaning, with nothing running until you press Enter. - [Sketching with words](https://mattlegrand.ai/work/draw-ai-canvas/index.md) (2025; AI, Design tools, Product design): Teaching a drawing tool to think about space, hierarchy, and layout. - [An agent that actually understands your codebase](https://mattlegrand.ai/work/augment-agent/index.md) (2025; AI, AI agents, Developer tools, Product design, Code intelligence): How we solved the context problem that makes most AI coding assistants useless in real codebases, creating an agent that can work with 100k+ file repositories. - [Predicting your next edit](https://mattlegrand.ai/work/next-edit/index.md) (2025; AI, Developer tools, Code intelligence): Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. - [Building a context engine for real codebases](https://mattlegrand.ai/work/augment/index.md) (2024; AI, Developer tools, Product design, Code intelligence): How we built Augment's Context Engine to solve why AI coding assistants fail: understanding what matters in 100k+ file repositories. - [Real-time collaboration tools for software teams](https://mattlegrand.ai/work/replit-teams/index.md) (2024; AI, Developer tools, Product design, Collaboration): Collaborative tools that bring the natural feel of Google Docs and Figma to software development for teams building in real time. - [Tools for the next generation of software developers](https://mattlegrand.ai/work/replit/index.md) (2024; AI, Developer tools, Product design, Collaboration): Today, comparatively few people build software the rest of the world uses. - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. - [AI-powered development tools for modern workspaces](https://mattlegrand.ai/work/replit-ai/index.md) (2024; AI, Developer tools, Product design, Design systems): Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows - [Better version control, without reinventing git](https://mattlegrand.ai/work/replit-projects/index.md) (2024; AI, Developer tools, Product design, Collaboration, Version control): How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git. ## Developer tools (10) URL: https://mattlegrand.ai/tags/developer-tools/ - [Smarter ghost text](https://mattlegrand.ai/work/ghst/index.md) (2026; AI, Developer tools, CLI, Open source): ghst is a zsh plugin that puts LLM ghost text on your command line: inline autocomplete as you type, plain-English commands, and history search by meaning, with nothing running until you press Enter. - [An agent that actually understands your codebase](https://mattlegrand.ai/work/augment-agent/index.md) (2025; AI, AI agents, Developer tools, Product design, Code intelligence): How we solved the context problem that makes most AI coding assistants useless in real codebases, creating an agent that can work with 100k+ file repositories. - [Predicting your next edit](https://mattlegrand.ai/work/next-edit/index.md) (2025; AI, Developer tools, Code intelligence): Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. - [Building a context engine for real codebases](https://mattlegrand.ai/work/augment/index.md) (2024; AI, Developer tools, Product design, Code intelligence): How we built Augment's Context Engine to solve why AI coding assistants fail: understanding what matters in 100k+ file repositories. - [Real-time collaboration tools for software teams](https://mattlegrand.ai/work/replit-teams/index.md) (2024; AI, Developer tools, Product design, Collaboration): Collaborative tools that bring the natural feel of Google Docs and Figma to software development for teams building in real time. - [Tools for the next generation of software developers](https://mattlegrand.ai/work/replit/index.md) (2024; AI, Developer tools, Product design, Collaboration): Today, comparatively few people build software the rest of the world uses. - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. - [AI-powered development tools for modern workspaces](https://mattlegrand.ai/work/replit-ai/index.md) (2024; AI, Developer tools, Product design, Design systems): Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows - [Better version control, without reinventing git](https://mattlegrand.ai/work/replit-projects/index.md) (2024; AI, Developer tools, Product design, Collaboration, Version control): How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git. - [Figma to Code transforms designs into React projects](https://mattlegrand.ai/work/figma-to-code/index.md) (2024; Developer tools, Design tools, React, Product design, Collaboration): A Figma plugin that exports designs into production-ready React projects, streamlining the journey from design to deployment. ## Collaboration (5) URL: https://mattlegrand.ai/tags/collaboration/ - [Real-time collaboration tools for software teams](https://mattlegrand.ai/work/replit-teams/index.md) (2024; AI, Developer tools, Product design, Collaboration): Collaborative tools that bring the natural feel of Google Docs and Figma to software development for teams building in real time. - [Tools for the next generation of software developers](https://mattlegrand.ai/work/replit/index.md) (2024; AI, Developer tools, Product design, Collaboration): Today, comparatively few people build software the rest of the world uses. - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. - [Better version control, without reinventing git](https://mattlegrand.ai/work/replit-projects/index.md) (2024; AI, Developer tools, Product design, Collaboration, Version control): How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git. - [Figma to Code transforms designs into React projects](https://mattlegrand.ai/work/figma-to-code/index.md) (2024; Developer tools, Design tools, React, Product design, Collaboration): A Figma plugin that exports designs into production-ready React projects, streamlining the journey from design to deployment. ## Code intelligence (3) URL: https://mattlegrand.ai/tags/code-intelligence/ - [An agent that actually understands your codebase](https://mattlegrand.ai/work/augment-agent/index.md) (2025; AI, AI agents, Developer tools, Product design, Code intelligence): How we solved the context problem that makes most AI coding assistants useless in real codebases, creating an agent that can work with 100k+ file repositories. - [Predicting your next edit](https://mattlegrand.ai/work/next-edit/index.md) (2025; AI, Developer tools, Code intelligence): Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. - [Building a context engine for real codebases](https://mattlegrand.ai/work/augment/index.md) (2024; AI, Developer tools, Product design, Code intelligence): How we built Augment's Context Engine to solve why AI coding assistants fail: understanding what matters in 100k+ file repositories. ## AI agents (2) URL: https://mattlegrand.ai/tags/ai-agents/ - [An agent that actually understands your codebase](https://mattlegrand.ai/work/augment-agent/index.md) (2025; AI, AI agents, Developer tools, Product design, Code intelligence): How we solved the context problem that makes most AI coding assistants useless in real codebases, creating an agent that can work with 100k+ file repositories. - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. ## Design systems (2) URL: https://mattlegrand.ai/tags/design-systems/ - [AI-powered development tools for modern workspaces](https://mattlegrand.ai/work/replit-ai/index.md) (2024; AI, Developer tools, Product design, Design systems): Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows - [Build full-stack applications without writing code](https://mattlegrand.ai/work/bubble/index.md) (2021; Design systems, Product design, No-code, UX, User research): Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. ## Design tools (2) URL: https://mattlegrand.ai/tags/design-tools/ - [Sketching with words](https://mattlegrand.ai/work/draw-ai-canvas/index.md) (2025; AI, Design tools, Product design): Teaching a drawing tool to think about space, hierarchy, and layout. - [Figma to Code transforms designs into React projects](https://mattlegrand.ai/work/figma-to-code/index.md) (2024; Developer tools, Design tools, React, Product design, Collaboration): A Figma plugin that exports designs into production-ready React projects, streamlining the journey from design to deployment. ## No-code (2) URL: https://mattlegrand.ai/tags/no-code/ - [Idea to app, fast](https://mattlegrand.ai/work/replit-agent/index.md) (2024; AI, AI agents, Developer tools, Product design, Collaboration, No-code): Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. - [Build full-stack applications without writing code](https://mattlegrand.ai/work/bubble/index.md) (2021; Design systems, Product design, No-code, UX, User research): Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. ## React (2) URL: https://mattlegrand.ai/tags/react/ - [Figma to Code transforms designs into React projects](https://mattlegrand.ai/work/figma-to-code/index.md) (2024; Developer tools, Design tools, React, Product design, Collaboration): A Figma plugin that exports designs into production-ready React projects, streamlining the journey from design to deployment. - [Where'd the color go?](https://mattlegrand.ai/work/wide-gamut-images/index.md) (2023; React, Color science, Images, Performance): Every image pipeline I've used quietly flattens Display P3 to sRGB. How I got the color back in Next.js, and then in this site's Astro build. ## UX (2) URL: https://mattlegrand.ai/tags/ux/ - [Build full-stack applications without writing code](https://mattlegrand.ai/work/bubble/index.md) (2021; Design systems, Product design, No-code, UX, User research): Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. - [Data-driven care for injectable medicine](https://mattlegrand.ai/work/gocap/index.md) (2019; Healthcare, IoT, Product design, Hardware, UX): Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. ## CLI (1) URL: https://mattlegrand.ai/tags/cli/ - [Smarter ghost text](https://mattlegrand.ai/work/ghst/index.md) (2026; AI, Developer tools, CLI, Open source): ghst is a zsh plugin that puts LLM ghost text on your command line: inline autocomplete as you type, plain-English commands, and history search by meaning, with nothing running until you press Enter. ## Color science (1) URL: https://mattlegrand.ai/tags/color-science/ - [Where'd the color go?](https://mattlegrand.ai/work/wide-gamut-images/index.md) (2023; React, Color science, Images, Performance): Every image pipeline I've used quietly flattens Display P3 to sRGB. How I got the color back in Next.js, and then in this site's Astro build. ## Design (1) URL: https://mattlegrand.ai/tags/design/ - [On Solutionism](https://mattlegrand.ai/work/solutionism-interview/index.md) (2023; Design, Interview, Ethics): Lenny Attab interviews Matt Legrand about solutionism: the idea that every problem facing humanity can be solved with creativity, and what that demands of designers. ## Ethics (1) URL: https://mattlegrand.ai/tags/ethics/ - [On Solutionism](https://mattlegrand.ai/work/solutionism-interview/index.md) (2023; Design, Interview, Ethics): Lenny Attab interviews Matt Legrand about solutionism: the idea that every problem facing humanity can be solved with creativity, and what that demands of designers. ## Hardware (1) URL: https://mattlegrand.ai/tags/hardware/ - [Data-driven care for injectable medicine](https://mattlegrand.ai/work/gocap/index.md) (2019; Healthcare, IoT, Product design, Hardware, UX): Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. ## Healthcare (1) URL: https://mattlegrand.ai/tags/healthcare/ - [Data-driven care for injectable medicine](https://mattlegrand.ai/work/gocap/index.md) (2019; Healthcare, IoT, Product design, Hardware, UX): Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. ## Images (1) URL: https://mattlegrand.ai/tags/images/ - [Where'd the color go?](https://mattlegrand.ai/work/wide-gamut-images/index.md) (2023; React, Color science, Images, Performance): Every image pipeline I've used quietly flattens Display P3 to sRGB. How I got the color back in Next.js, and then in this site's Astro build. ## Interview (1) URL: https://mattlegrand.ai/tags/interview/ - [On Solutionism](https://mattlegrand.ai/work/solutionism-interview/index.md) (2023; Design, Interview, Ethics): Lenny Attab interviews Matt Legrand about solutionism: the idea that every problem facing humanity can be solved with creativity, and what that demands of designers. ## IoT (1) URL: https://mattlegrand.ai/tags/iot/ - [Data-driven care for injectable medicine](https://mattlegrand.ai/work/gocap/index.md) (2019; Healthcare, IoT, Product design, Hardware, UX): Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. ## Open source (1) URL: https://mattlegrand.ai/tags/open-source/ - [Smarter ghost text](https://mattlegrand.ai/work/ghst/index.md) (2026; AI, Developer tools, CLI, Open source): ghst is a zsh plugin that puts LLM ghost text on your command line: inline autocomplete as you type, plain-English commands, and history search by meaning, with nothing running until you press Enter. ## Performance (1) URL: https://mattlegrand.ai/tags/performance/ - [Where'd the color go?](https://mattlegrand.ai/work/wide-gamut-images/index.md) (2023; React, Color science, Images, Performance): Every image pipeline I've used quietly flattens Display P3 to sRGB. How I got the color back in Next.js, and then in this site's Astro build. ## User research (1) URL: https://mattlegrand.ai/tags/user-research/ - [Build full-stack applications without writing code](https://mattlegrand.ai/work/bubble/index.md) (2021; Design systems, Product design, No-code, UX, User research): Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. ## Version control (1) URL: https://mattlegrand.ai/tags/version-control/ - [Better version control, without reinventing git](https://mattlegrand.ai/work/replit-projects/index.md) (2024; AI, Developer tools, Product design, Collaboration, Version control): How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git.