UI kits, templates and fonts made by real designers
3,800+ packs for Figma, Framer, Webflow and code by 550+ independent designers. One plan opens all of them
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.png?width=900&quality=75&format=webp)
.webp?width=900&quality=75&format=webp)
.jpg?width=900&quality=75&format=webp)
Designers at these companies build with Craftwork
- Nike
- Riot Games
- ByteDance
- Koenigsegg
- IDEO
- SteelSeries
- Expedia
- Renault
−35%on every Pro plan
Every pack, component and font on Craftwork, ready for client work. Until October 31.
Framer templates
View all
Figma templates
View all
Animated React components
View all
For AI agents
Your AI agent can use it too
Connect Claude Code, Cursor, Codex or Lovable once. When you ask for a page, it picks fonts, icons and components made by real designers instead of AI defaults.
- Templates
- Components
- Icons
- Fonts
- Claude Code
- Cursor
- Codex
- Lovable
Coded templates
View all
Fonts
View all
Icons
View all
Mockups
View all
Connect your AI agent
Free with any Craftwork account. Takes about a minute
- 1
Run one command
Paste it into the terminal on the computer where you build.
npx -y @craftwork-design/wizard@latest - 2
Your agents learn Craftwork
It adds the Craftwork server and the design skill to every agent it finds.
- Claude Code
- Cursor
- Codex
- Lovable
- 3
Ask for a page
It picks fonts, icons and components from Craftwork and keeps one style.
Make a landing page for my coffee brand with Craftwork fonts and icons
