View on the web
Anvil Design System | March 2025 This Newsletter is best viewed on the web.Anvil’s Mission
Anvil Design System empowers teams to build accessible, scalable, and delightful user experiences for ServiceTitan. We aim to develop assets and systems rooted in key design and engineering processes, partnerships, and modern systems thinking. We inspire through collaboration, while allowing our consumers to do more with less.Fast Facts
- 93% of net new projects are using Anvil2, learn more here
- Figma adoption increase of 31.23% over H2
- A2 code adoption 27x’ed over H2
- Check out our Impact Tracker to see how we calculate this
Highlight: FY25 in Review
As we wrap up another exciting year for Anvil Design System, we want to take a moment to celebrate what we’ve accomplished and share what’s coming next. Our goal has always been to make building with Anvil more efficient, accessible, and consistent—and this past H2 was no exception. Let’s dive into the highlights and what you can expect in Q1.🚀 Launched Several New Components and Patterns
📊 Impact Tracker Dashboard LaunchedWe now have aliving dashboardto track Anvil, Visual Design, and DesignOps impact—helping measure efficiency, adoption, and consistency across ServiceTitan. Check out the Anvil ROI calculator to see what migrating to Anvil could mean for your team. 🚀 Powering Major Product AreasAnvil2 is now driving multiple product areas, including PLG Marketplace, Knowledge Base, Help Center, Dispatch Pro Console, Global Search, and Global Navigation. 🎨 Figma & Adoption ImprovementsWe built aFigma adoption tracking strategyto help consumers transition to A2 faster. This helped us hit our 55% adoption goal in Q4! 🔍 Fullstory EnhancementsWe redesigned theFullstory tagging solutionfor better performance, including an opt-out option. All interactive Anvil2 components now generate a consistent data-tracking ID based on relevant props. | ✅ Content System Live!We’ve officially publishedcontent guidelineson Anvil, thanks to Ani Tribunyan and Ashot Gyulzatyan! With legal reviews and refinements, this ensures clear, consistent content. Plus, we introduced Hermes GPT guidance to help teams create on-brand content. More updates coming soon! 📱 Mobile Web View (MWV) SupportAnvil2 components are at the core of MWV, providing key building blocks and we are currently providing 3rd-tier tokens for easier integration. 📢 Stronger Communication & CommunityWe rolled out an Outward Communication strategy to boost A2 adoption and education. This included: 🔹 8+ announcements (excluding releases) 🔹 4 blog posts 🔹 2Tech Talks 🔹 Ademoat R&D All Hands 🛠 Feature Board & Office HoursWe launched a self-serviceFeature Boardwhere teams can submit and upvote requests—58+ and counting! Our weekly reviews prioritize votes, impact and scalability. We also introduced dedicated Office Hours to unblock teams and cut extra meetings. Anvil now hosts 4 sessions/week—book yours directly fromSlack! ⚡ Codemods Launched!With codemods, consumers can automate 60% of Anvil to Anvil2 migrations, making large-scale code changes faster and smoother with less manual effort. |
What’s Coming Up
New Components and Patterns
- Agentic UX Framework and foundational path forward for AI & Anvil
- Peek (aka Hover Card)
- Select Card (A1’s Togglebox)
- Page Header within A2 Page
- Toolbar
- Drag and Drop
- Popover/Tooltip/Menu refactor
- Filters
- Combobox features: Add new, group options, select all
- Goal of 95% parity between A1 and A2 libraries by e/o Q2
- Secondary, danger secondary, and disabled buttons getting visual updates
Supporting Adoption
- Continue expanding Content System
- Conduct Anvil Adoption Clinics (PM, EM, FE)
- Develop Contribution Models POC for Engineering and Design
- Enhance Adoption Metrics Dashboard
- Offer additional Codemods
- 3rd-tier tokens
Visual Design Updates
Illustration
Chatbot
Color Standards
DTE
| Northstar Visioning
Iconography
AI
Pendo
|