Skip to main content
Luke van Zyl·Updated March 16, 2026

Designers

Getting Access

  1. Request access to Axon Figma libraries through  Slack channel #prd-design-team
  2. Enable libraries in your Figma files: Assets panel → Team Libraries → Toggle on Axon libraries
  3. Install Figma plugins: Component Replacer, Design Lint

Using Components

  • Always start with Axon components before creating custom solutions
  • Check component status badges (Ready, Beta, Deprecated)
  • Use auto-layout and component variants for responsive designs
  • Follow the 8px grid system for spacing

Key Resources

Engineers

PMs

Understanding Axon's Value

Axon accelerates delivery while ensuring quality. When planning features:

  • Reference existing patterns to estimate more accurately
  • Use component capabilities to scope features
  • Leverage built-in accessibility to meet compliance requirements

Planning with Axon

  • Check component library before speccing new features
  • Review patterns library for common workflows
  • Consider component limitations when defining requirements
  • Use Figma prototypes with real Axon components for stakeholder reviews

Resources & Next Steps

  • Documentation: This portal (bookmark it!)
  • Slack Channel: Message @Luke
  • Office Hours: COMING SOON!
  • Storybook: Interactive component playground
  • Figma Libraries: Latest design assets
  • Code Repository: Implementation details and examples

Ready to dive deeper? Start with the Styleguide for foundations, then explore our Component Library.