Figma component library — AU edition (K2)

A ready-made, accessible Figma system designed for Australian teams: tokens, responsive components, mobile patterns, and documentation tuned to Aussie accessibility and brand needs.

Ship consistent interfaces faster with components built for Figma, exported tokens, and developer-ready specs for React/Vue.

Preview

What's inside

Atomic components, fluid layout grids, color & typography tokens, icon set, Figma variants, and documentation pages for accessibility, i18n, and design-to-code handoff.

  • Components: Buttons, inputs, selects, dropdowns, modals, sidebars, cards.
  • Tokens: Color, spacing, radius, shadows, motion — light & dark modes.
  • Docs: Usage guidelines, accessibility checks, and developer specs.
Components snapshot
Tokens
Docs

Component gallery

Buttons

Buttons & Actions

Variants, states, groupings and icon placements.

Forms

Forms & Controls

Accessible labels, error patterns, input groups.

Navigation

Navigation

Responsive header, side nav, tabs, breadcrumbs.

Cards

Content & Cards

Media cards, lists, data tables and empty states.

Accessibility & Australian compliance

Components include WCAG 2.1 AA checks, color contrast tokens for Australian audiences, keyboard patterns, and guidance for screen reader users. We provide compliance checklists and ARIA-ready markup snippets.

  • WCAG 2.1 AA baseline
  • Keyboard-first interactions
  • Color tokens with contrast ratios
  • Guidance on Australian accessibility considerations

Quick checklist

  • Contrast OK for body text
  • Focus indicators visible
  • Labels for all inputs
  • Skip links & landmarks present

Design tokens & theming

Tokens exported for CSS variables, JSON, and native platform usage. Light / dark themes, spacing scales, and motion tokens make implementation predictable.

Primary color
Spacing scale
  • xs: 4px
  • sm: 8px
  • md: 16px
Lead designer
Emma Byrne
Lead UI Designer, Sydney

"Designed with accessibility and Aussie contexts in mind."

Plans & licensing

Starter

Single project, Figma library, basic docs

$499 AUD
Request Starter

Team

Shared library, tokens export, priority support

$1,499 AUD
Request Team

Enterprise

Customisation, workshops, handoff kit

Contact us
Contact Sales

FAQs

The library is platform-agnostic. We provide Figma assets plus tokens exported for web (CSS variables), and JSON for design systems. Implementation guides for React/Vue included.

Yes — tokens are single-sourced and can be overridden. We offer a customisation service for enterprise plans.

Components are built to WCAG 2.1 AA standards. We supply accessibility docs and examples for testing in Australian contexts.

Case studies & examples

Transport app — Sydney

Case study 1

Reduced UI inconsistencies and improved onboarding completion by 22%.

Health portal — Melbourne

Case study 2

Accessible components helped meet client compliance and speed up dev handoff.