https://mattlegrand.ai/ https://mattlegrand.ai/avatar.jpg https://mattlegrand.ai/about/ https://mattlegrand.ai/avatar.jpg https://mattlegrand.ai/meet/ https://mattlegrand.ai/tags/ https://mattlegrand.ai/work/ https://mattlegrand.ai/work/ghst/ 2026-08-27 https://bucket.legrand.design/ghst/cover.webp Smarter ghost text 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. https://bucket.legrand.design/ghst/video.h264.mp4 https://mattlegrand.ai/work/draw-ai-canvas/ 2025-10-29 https://mattlegrand.ai/_astro/draw-examples.Dh80tOxk_Z1b5gd1.webp https://bucket.legrand.design/draw-cafe-2/cover.webp Sketching with words Teaching a drawing tool to think about space, hierarchy, and layout. https://bucket.legrand.design/draw-cafe-2/video.h264.mp4 https://bucket.legrand.design/color-wheel/cover.webp Select any content and right click to batch-convert colors with the color wheel. Select any content and right click to batch-convert colors with the color wheel. https://bucket.legrand.design/color-wheel/video.h264.mp4 https://mattlegrand.ai/work/augment-agent/ 2025-04-02 https://bucket.legrand.design/augment-answer-2/cover.webp An agent that actually understands your codebase 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. https://bucket.legrand.design/augment-answer-2/video.h264.mp4 https://bucket.legrand.design/augment-implement/cover.webp Augment Agent can one-shot tickets from Github or Linear. In this demo, the Agent is asked to… Augment Agent can one-shot tickets from Github or Linear. In this demo, the Agent is asked to solve a feature request from an open source repo. Augment's Context Engine allows it to gain more relevant understanding of the existing codebase in relation to the task. https://bucket.legrand.design/augment-implement/video.h264.mp4 https://mattlegrand.ai/work/next-edit/ 2025-02-19 https://bucket.legrand.design/next-edit-panel-2/cover.webp Predicting your next edit Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. https://bucket.legrand.design/next-edit-panel-2/video.h264.mp4 https://bucket.legrand.design/nextedit/next-edit-example/cover.webp Predicting your next edit Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. https://bucket.legrand.design/nextedit/next-edit-example/video.h264.mp4 https://bucket.legrand.design/nextedit/next-edit-id-deps/cover.webp Predicting your next edit Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. https://bucket.legrand.design/nextedit/next-edit-id-deps/video.h264.mp4 https://bucket.legrand.design/nextedit/next-edit-test-coverage/cover.webp Predicting your next edit Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. https://bucket.legrand.design/nextedit/next-edit-test-coverage/video.h264.mp4 https://bucket.legrand.design/nextedit/next-edit-iterative-development/cover.webp Predicting your next edit Next Edit extends code completions beyond the cursor across your workspace, suggesting comprehensive edits to complete tasks quickly. https://bucket.legrand.design/nextedit/next-edit-iterative-development/video.h264.mp4 https://mattlegrand.ai/work/augment/ 2024-10-15 https://bucket.legrand.design/sizzle-2026-2/cover.webp Building a context engine for real codebases How we built Augment's Context Engine to solve why AI coding assistants fail: understanding what matters in 100k+ file repositories. https://bucket.legrand.design/sizzle-2026-2/video.h264.mp4 https://mattlegrand.ai/work/replit-teams/ 2024-07-20 https://bucket.legrand.design/teams-sizzle/cover.webp Real-time collaboration tools for software teams Collaborative tools that bring the natural feel of Google Docs and Figma to software development for teams building in real time. https://bucket.legrand.design/teams-sizzle/video.h264.mp4 https://bucket.legrand.design/replit-teams/cover.webp Overview demo of Replit Teams features, demonstrating remote collaboration, product iteration with… Overview demo of Replit Teams features, demonstrating remote collaboration, product iteration with natural language, version control, and deployment. https://bucket.legrand.design/replit-teams/video.h264.mp4 https://mattlegrand.ai/work/replit/ 2024-07-16 https://mattlegrand.ai/_astro/replit-projects-dashboard.ChQvO3Kh_ZfbXx8.webp https://mattlegrand.ai/_astro/replit-projects-fork.BK66Tn5c_1JImdn.webp https://mattlegrand.ai/_astro/replit-projects-convert.BzVodlro_1yPLqX.webp https://mattlegrand.ai/_astro/replit-projects-changes.BzzPbKsx_Zk0OhB.webp https://mattlegrand.ai/_astro/replit-ai-design-system.CUpsBXU2_qKJEq.webp https://mattlegrand.ai/_astro/replit-ai-design-system-2.DU1MZ89T_ZIlle8.webp https://mattlegrand.ai/_astro/replit-prototyping-event.BadA2WPM_1gdEEE.webp https://bucket.legrand.design/replit-loop/cover.webp Tools for the next generation of software developers Today, comparatively few people build software the rest of the world uses. https://bucket.legrand.design/replit-loop/video.h264.mp4 https://bucket.legrand.design/replit-teams/cover.webp Overview demo of Replit Teams features, demonstrating remote collaboration, product iteration with… Overview demo of Replit Teams features, demonstrating remote collaboration, product iteration with natural language, version control, and deployment. https://bucket.legrand.design/replit-teams/video.h264.mp4 https://bucket.legrand.design/actions-context/cover.webp Tools for the next generation of software developers Today, comparatively few people build software the rest of the world uses. https://bucket.legrand.design/actions-context/video.h264.mp4 https://bucket.legrand.design/replit-aarj/cover.webp Prototype of Replit AI using new foundational archetypes: Assemble Jobs and Inline Generation. By… Prototype of Replit AI using new foundational archetypes: Assemble Jobs and Inline Generation. By transforming language model generations into structured data, the tool concatenates and performs transformations sequentially. These primitives became the precursors to Replit Agent. Once we could expose workspace functions to AI, the next step was building a fully autonomous development system. https://bucket.legrand.design/replit-aarj/video.h264.mp4 https://bucket.legrand.design/figma-plugin/cover.webp Live demo of the Replit Figma plugin used to export a "Twitter clone" design from Figma… Live demo of the Replit Figma plugin used to export a "Twitter clone" design from Figma, leveraging component and auto layout features to prescribe component structure and responsive layout properties. https://bucket.legrand.design/figma-plugin/video.h264.mp4 https://mattlegrand.ai/work/replit-agent/ 2024-07-16 https://bucket.legrand.design/replit-agent-mobile/cover.webp Idea to app, fast Replit Agent is an AI system that can create and deploy applications from idea to deployment in just minutes, revolutionizing how developers build software. https://bucket.legrand.design/replit-agent-mobile/video.h264.mp4 https://bucket.legrand.design/replit-agent-assistant/cover.webp The Agent starts by generating a plan from your app description. Once approved, it enters an… The Agent starts by generating a plan from your app description. Once approved, it enters an execution loop: reading the environment, deciding the next action, and executing it — whether that's writing code, configuring tools, or asking for input. Throughout the process, it collaboratively checks in with you to ensure alignment. https://bucket.legrand.design/replit-agent-assistant/video.h264.mp4 https://mattlegrand.ai/work/replit-ai/ 2024-05-20 https://mattlegrand.ai/_astro/replit-ai-design-system.CUpsBXU2_qKJEq.webp https://mattlegrand.ai/_astro/replit-ai-design-system-2.DU1MZ89T_ZIlle8.webp https://bucket.legrand.design/replit-agent/cover.webp AI-powered development tools for modern workspaces Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows https://bucket.legrand.design/replit-agent/video.h264.mp4 https://bucket.legrand.design/actions-context/cover.webp AI-powered development tools for modern workspaces Designing workspace-aware AI that understands your codebase through context hierarchies, inline edits, and agentic workflows https://bucket.legrand.design/actions-context/video.h264.mp4 https://bucket.legrand.design/replit-aarj/cover.webp Prototype of Replit AI using new foundational archetypes: Assemble Jobs and Inline Generation. By… Prototype of Replit AI using new foundational archetypes: Assemble Jobs and Inline Generation. By transforming language model generations into structured data, the tool concatenates and performs transformations sequentially. These primitives became the precursors to Replit Agent. Once we could expose workspace functions to AI, the next step was building a fully autonomous development system. https://bucket.legrand.design/replit-aarj/video.h264.mp4 https://mattlegrand.ai/work/replit-projects/ 2024-04-14 https://mattlegrand.ai/_astro/replit-projects-dashboard.ChQvO3Kh_ZfbXx8.webp https://mattlegrand.ai/_astro/replit-projects-fork.BK66Tn5c_1JImdn.webp https://mattlegrand.ai/_astro/replit-projects-convert.BzVodlro_1yPLqX.webp https://mattlegrand.ai/_astro/replit-projects-changes.BzzPbKsx_Zk0OhB.webp https://bucket.legrand.design/replit-projects/cover.webp Better version control, without reinventing git How we built version control that feels native to real-time collaboration, adopting trunk-based development and code review workflows without reinventing git. https://bucket.legrand.design/replit-projects/video.h264.mp4 https://mattlegrand.ai/work/figma-to-code/ 2024-02-14 https://mattlegrand.ai/_astro/figma-to-replit.D-1cn92n_Z2t6oMV.webp https://mattlegrand.ai/_astro/replit-prototyping-event.BadA2WPM_1gdEEE.webp https://bucket.legrand.design/figma-plugin/cover.webp Live demo of the Replit Figma plugin used to export a "Twitter clone" design from Figma… Live demo of the Replit Figma plugin used to export a "Twitter clone" design from Figma, leveraging component and auto layout features to prescribe component structure and responsive layout properties. https://bucket.legrand.design/figma-plugin/video.h264.mp4 https://mattlegrand.ai/work/solutionism-interview/ 2023-10-31 https://bucket.legrand.design/solutionism-film/cover.webp From Solutionism (2013), which went from the Cannes Court Métrage that May to seven more festivals… From Solutionism (2013), which went from the Cannes Court Métrage that May to seven more festivals that year. More at solutionism-film.com. https://bucket.legrand.design/solutionism-film/video.h264.mp4 https://mattlegrand.ai/work/wide-gamut-images/ 2026-08-27 https://mattlegrand.ai/_astro/food-truck-p3.DOl1k5eE_ZAvkss.webp https://mattlegrand.ai/_astro/flare-p3.e0vMMTCI_1IqXQA.webp https://mattlegrand.ai/_astro/yellow-911-p3.Cwhque7d_Z1W9BG8.webp https://mattlegrand.ai/work/bubble/ 2021-03-10 https://mattlegrand.ai/_astro/bubble-maison-design-dark.DKAY64Bb_Z22djFN.webp https://mattlegrand.ai/_astro/bubble-maison-workflows-dark.CCpsBNRx_1KEfYi.webp https://mattlegrand.ai/_astro/bubble-maison-api-workflows-dark.Cs8jOpmL_ZyX5YY.webp https://mattlegrand.ai/_astro/bubble-maison-data-types-dark.T1nIcuj__Z23So3W.webp https://mattlegrand.ai/_astro/bubble-maison-styles-dark.DW41hVIx_2byJm4.webp https://mattlegrand.ai/_astro/bubble-maison-design-light.E4VOCZKX_ZE4xeu.webp https://mattlegrand.ai/_astro/bubble-maison-workflows-light.DylNuPYt_2k9PoY.webp https://mattlegrand.ai/_astro/bubble-team.XB_DcQNR_Z6xitI.webp https://bucket.legrand.design/bubble-new-loop/cover.webp Build full-stack applications without writing code Bubble is the world's most powerful no-code platform. The Maison design system transformed its editor experience, enabling rapid customer growth. https://bucket.legrand.design/bubble-new-loop/video.h264.mp4 https://bucket.legrand.design/bubble-old-demo/cover.webp The Bubble interface prior to design efforts, while capable of building complex products itself… The Bubble interface prior to design efforts, while capable of building complex products itself, didn't possess the ease of use or reliability needed to sustain adoption. https://bucket.legrand.design/bubble-old-demo/video.h264.mp4 https://mattlegrand.ai/work/gocap/ 2019-04-24 https://mattlegrand.ai/_astro/gocap-breakfast.pDz-OVqw_2q30W8.webp https://mattlegrand.ai/_astro/gocap-system.XDPonaLV_Z13OYfM.webp https://mattlegrand.ai/_astro/gocap-splash.aj6Xor2X_1TGc1.webp https://mattlegrand.ai/_astro/gocap-dash-1.Xi1O1g6E_24R687.webp https://mattlegrand.ai/_astro/gocap-dash-2.CXejgZj2_Z1odrq9.webp https://bucket.legrand.design/gocap-60fps/cover.webp Data-driven care for injectable medicine Common Sensing succeeded in bringing a novel smart hardware device from concept to market in a difficult space. https://bucket.legrand.design/gocap-60fps/video.h264.mp4 https://bucket.legrand.design/gocap-unbox/cover.webp I produced marketing and educational materials like this video, the packaging itself, the Gocap… I produced marketing and educational materials like this video, the packaging itself, the Gocap website, and so on completely in-house, using resources from our shared hacker space, Industry Lab. https://bucket.legrand.design/gocap-unbox/video.h264.mp4 https://mattlegrand.ai/tags/product-design/ 2025-10-29 https://mattlegrand.ai/tags/ai/ 2026-08-27 https://mattlegrand.ai/tags/developer-tools/ 2026-08-27 https://mattlegrand.ai/tags/collaboration/ 2024-07-20 https://mattlegrand.ai/tags/code-intelligence/ 2025-04-02 https://mattlegrand.ai/tags/ai-agents/ 2025-04-02 https://mattlegrand.ai/tags/design-systems/ 2024-05-20 https://mattlegrand.ai/tags/design-tools/ 2025-10-29 https://mattlegrand.ai/tags/no-code/ 2024-07-16 https://mattlegrand.ai/tags/react/ 2026-08-27 https://mattlegrand.ai/tags/ux/ 2021-03-10