Tips & Tutorials

Designing Simple UI with Ant Design System for Figma

Invoicing Platform Design - Video Tutorial

In the video you will learn:

  • how to import .fig file and set up the UI kit
  • how to publish the UI kit to your Team Library
  • how to use Ant Design components and styles
  • how to create a simple UI
  • what Figma plugins are useful to create this UI and how to use them

Notice:
You don't need to use Button Resizer plugin anymore. Ant Design UI kit supports auto layout now :)

Get Ant Design System for Figma

Demo
Free
preview & playground
  • 88 high-quality components
  • 172 icons
  • 55 customizable styles
  • Auto layout supported components
  • 1 UI example
Individual
$79
per lifetime license
  • 2100+ high-quality components
  • 638 icons
  • 140+ customizable styles
  • 43 screens with documentation
  • 4 screens with real-life UI examples
  • Auto layout supported components
  • Free updates and tutorials
Team
$158
$79 per lifetime license
  • 2100+ high-quality components
  • 638 icons
  • 140+ customizable styles
  • 43 screens with documentation
  • 4 screens with real-life UI examples
  • Auto layout supported components
  • Free updates and tutorials