The design system for Loom products.
Need an MVP like Lens?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →Lens (lens.loom.dev) is Loom's design system for their products — the design language behind Loom's video recording + sharing platform, published publicly as a design system website for developers + designers building on or integrating with Loom. Documentation of Loom's design language — typography, color, spacing, component library, interaction patterns, motion principles, accessibility guidelines specific to Loom's video-first product. Used primarily by developers integrating with Loom's API/SDK (integrations need to fit Loom's visual language for native feel) + designers studying Loom's design system as reference for their own systems work. Sits in the published-design-system category alongside the major design systems (Material by Google — consumer + mobile + Android-flavored; Polaris by Shopify — e-commerce-specific for Shopify apps; Carbon by IBM — enterprise + data-heavy + accessibility-focused; Fluent by Microsoft — enterprise; Spectrum by Adobe; Atlassian Design System; GitHub Primer; Geist by Vercel — covered earlier as dev-tool-flavored design system in Next.js/shadcn/ui ecosystem) at smaller scale focused on Loom's specific product surface. Distinguished from major design systems (Material + Polaris + Carbon + Fluent + Geist) by smaller scope focused on Loom-specific product needs vs broader ecosystem support, distinguished from open-source component libraries (shadcn/ui + Mantine + Material UI + Chakra) by company-specific design system positioning vs general-purpose, distinguished from Loom Product itself (the actual recording + sharing platform at loom.com) by published documentation reference vs design-in-action, distinguished from generic design system books + courses (broader theoretical) by specific company case study format. Free + public — Loom publishes Lens as developer-relations + ecosystem investment to support their API + SDK + integration ecosystem. Best for developers building Loom API/SDK integrations needing consistent visual language with Loom's product for native feel + brand cohesion, designers studying mid-sized tech company design system patterns as case study in publishing design systems to support ecosystem (similar pattern to Slack's design system + Atlassian's + GitHub's Primer), teams designing alongside or in coordination with Loom needing reference for Loom's visual language conventions, and companies considering publishing their own design system as reference for ecosystem developers where Lens is one example of the pattern. Skip if you don't integrate with Loom + don't build video products (Lens has limited applicability — your design system needs are unrelated), if you want a comprehensive design system to learn from + build on (larger published systems Material + Polaris + Carbon + Geist + Atlassian + GitHub Primer have more material), if you want to use a design system as foundation for your own product (copy from open-source systems shadcn/ui + Mantine + Material UI rather than referencing private-company design system), or if your work doesn't intersect with Loom's ecosystem (Lens is specifically for Loom-integration use cases). Interesting case study in 2026 of mid-sized tech company design system publishing — for developers building Loom integrations Lens is useful for matching Loom's visual language; for broader design system reference major published systems provide more material; worth knowing about as part of broader design system landscape awareness rather than primary study material.
⏱ 30-second verdict
The design system for Loom products.
Loom integration design
Developers building Loom API/SDK integrations needing consistent visual language with Loom's product for native feel + brand cohesion.
Design system study
Designers studying mid-sized tech company design system patterns — Lens is a case study in publishing design systems to support ecosystem.
Loom design language reference
Teams designing alongside or in coordination with Loom needing reference for Loom's visual language conventions.
Design system publishing reference
Companies considering publishing their own design system as reference for ecosystem developers — Lens is one example of the pattern.
Lens (lens.loom.dev) is Loom's design system for their products — the design language behind Loom's video recording + sharing platform, published publicly as a design system website for developers + designers building on or integrating with Loom. Sits in the published-design-system category alongside the major design systems (Material by Google, Polaris by Shopify, Carbon by IBM, Fluent by Microsoft, Geist by Vercel — covered earlier) but at smaller scale focused on Loom's specific product surface. What you get (general for published design systems in this tier): documentation of Loom's design language — typography, color, spacing, component library, interaction patterns, motion principles, accessibility guidelines specific to Loom's video-first product. Useful primarily for developers integrating with Loom's API (Loom's SDK + embeds need to fit Loom's visual language for native feel) + designers studying Loom's design system as reference for their own systems work. Specific Lens details — exact components covered, code packages, Figma library availability — should be verified on lens.loom.dev. Where Lens fits in published-design-system landscape: major design systems (Material + Polaris + Carbon + Fluent + Geist) are typically published by companies with broader developer ecosystems where the design system needs to support many third-party integrations. Lens is similar pattern — Loom publishes their design system because Loom's API + SDK + integrations need consistent visual language across third-party usage. Smaller scope than major design systems but follows the same publishing pattern. Where it's not for you: if you don't integrate with Loom + don't build video products, Lens has limited applicability. If you want a comprehensive design system to learn from + build on, larger published systems (Material + Polaris + Carbon + Geist) have more material to study. If you want to use a design system as foundation for your own product, copy from open-source systems (shadcn/ui + Mantine + Material UI) rather than referencing a private-company design system. Pricing: free + public — Loom publishes Lens as developer-relations + ecosystem investment. Honest take: Lens is interesting as a case study in how mid-sized tech companies publish design systems to support their ecosystem (similar to Slack's design system, Atlassian's, GitHub's Primer). For developers building Loom integrations, Lens is useful for matching Loom's visual language. For broader design system reference, the major published systems (Material + Polaris + Carbon + Geist + Atlassian + GitHub Primer) provide more material. Worth knowing about as part of broader design system landscape awareness rather than primary study material.
Free + Public
Yes — free + public. Loom publishes Lens as developer-relations + ecosystem investment to support their API + SDK + integration ecosystem.
Documentation of Loom's design language — used primarily by developers integrating with Loom's API/SDK who need consistent visual language across their integration. Also useful for designers studying Loom's design system as reference for their own systems work.
Major design systems (Material by Google + Polaris by Shopify + Carbon by IBM + Fluent by Microsoft + Geist by Vercel) are published by companies with broader developer ecosystems. Lens is similar pattern at smaller scale focused on Loom's specific product surface. Use major systems for comprehensive reference; Lens for Loom-specific work.
Verify Loom's specific licensing — published design systems vary in terms allowing external use. Some are reference-only (you study + adapt patterns); others have open-source components (you can use directly). Check lens.loom.dev for specific usage terms.
Lens is Loom's published design system documentation. Loom itself (the product at loom.com) is the design in action. Use Lens for design system reference; use Loom product for product UX inspiration.
No reviews yet — be the first.
Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards