# Mathieu Legault

> Hi, bonjour 👋. I’m a Product Designer at Fern, shaping best-in-class developer and agentic experiences. Previously, I worked on Dev Docs at Shopify, Design Systems at Narvar, and 3D printing experiences at Formlabs.

Every page on this site has a markdown twin: append `.md` to its path.
The entire site in one file: [llms-full.txt](https://legault.me/llms-full.txt).

## Pages

- [Home](https://legault.me/index.md): intro and featured work
- [Work](https://legault.me/work.md): all projects
- [Blog](https://legault.me/blog.md): notes & writing
- [About](https://legault.me/about.md)
- [Contact](https://legault.me/contact.md)

## Work

- [Shopify.dev](https://legault.me/work/shopify.md): product
- [Metadata Fixer](https://legault.me/work/metadata-fixer.md): product
- [Narvar](https://legault.me/work/narvar.md): product (password protected)
- [Coderlife](https://legault.me/work/coderlife.md): product
- [Formlabs](https://legault.me/work/formlabs.md): web
- [PromptCut](https://legault.me/work/prompt-cut.md): app
- [SiteDownload](https://legault.me/work/site-download.md): product
- [Waypoint3D](https://legault.me/work/waypoint3d.md): web
- [Material Explorer](https://legault.me/work/material-explorer.md): app
- [The Digital Factory & User Summit](https://legault.me/work/fus-tdf.md): web
- [Motion Graphics Library](https://legault.me/work/motion-graphics-library.md): motion-design
- [Brand.ai](https://legault.me/work/brand-ai.md): motion-design
- [Zoo Time](https://legault.me/work/zoo-time.md): app
- [Learn Ruby On Rails](https://legault.me/work/learn-ruby-on-rails.md): artwork
- [Aether and Elements](https://legault.me/work/aether-and-elements.md): artwork
- [Schmooz](https://legault.me/work/schmooz.md): web

## Blog

- [Introducing PromptCut: Edit Videos at the Speed of Thought](https://legault.me/blog/introducing-promptcut-edit-videos-at-the-speed-of-thought.md) (2026-03-14)
- [How to Export Your Webflow Site and Rebuild It with AI + Deploy to Vercel](https://legault.me/blog/how-to-export-your-webflow-site-and-rebuild-it-with-ai-deploy-to-vercel.md) (2026-02-27)
- [Export Figma Variables as CSS Variables with Ease](https://legault.me/blog/export-figma-variables-as-css-variables-with-ease.md) (2024-11-20)
- [Figma Variables: Hex Colors to Aliases Automatically](https://legault.me/blog/figma-variables-hex-colors-to-aliases.md) (2023-12-19)
- [How to Resize Elements of a Component Instance](https://legault.me/blog/figma-how-to-resize-elements-of-a-components-instance.md) (2023-12-06)
- [Creating Scalable Components in Figma for Your Pattern Library](https://legault.me/blog/creating-powerful-and-scalable-components-in-figma-for-your-pattern-library.md) (2020-10-16)
- [Versatile Image Filters for Figma Components](https://legault.me/blog/image-filters-in-figma-components-with-layer-blend-modes.md) (2020-10-14)
- [Free Alembic 3D Dust Particles to Use in Your Scene](https://legault.me/blog/free-alembic-3d-dust-particles-to-use-in-your-scene.md) (2020-03-06)
- [How To Correctly Export And Migrate Away From Google Photos](https://legault.me/blog/correctly-migrate-away-from-google-photos-to-icloud.md) (2020-02-13)
- [Creating a 3D Print Material in Cinema 4D + Freebie](https://legault.me/blog/creating-a-3d-print-material-in-cinema-4d.md) (2019-04-03)
- [How To Make Beautiful Minecraft Renders In Cinema 4D](https://legault.me/blog/minecraft-renders-tutorial.md) (2015-08-29)

## Optional

- [Photography](https://legault.me/photography.md): photo plates
- [Renders](https://legault.me/renders.md): 3D art
- [Dribbble shots](https://legault.me/shots.md)