Presets Tradesman Toolkit
Tradesman Toolkit
Teal-led UI for home service pros and their customers: one primary action per screen, Instrument Serif display, Inter body.
Use Tradesman Toolkit
In Figma
Open UIX, go to Presets and search “Tradesman Toolkit”. Press Use this preset, then Sync to Figma.
Install UIXIn code
A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.
Unlock with UIX ProYou have UIX Pro. Download any file:
DESIGN.mdtheme.csstokens.dtcg.jsonfigma-variables.jsonshadcn-theme.jsonpreset.json
Send to your AI agent
Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Tradesman Toolkit preset”.
Get your MCP linkAbout Tradesman Toolkit
Teal-led UI for home service pros and their customers: one primary action per screen, Instrument Serif display, Inter body.
Tradesman Toolkit is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.
- Access
- UIX Pro
- Industries
- home services, field service, construction
- Mood
- bold, energetic, disciplined, confident
- Display font
- Instrument Serif
- Body font
- Inter
- Mono font
- Geist Mono
- Density
- Comfortable
- Contrast
- Standard
- Corner radius
- 8px