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
  • Light theme only
Individual
$79
per lifetime license
  • 2100+ high-quality components
  • 724 icons
  • 165 customizable styles
  • 45 screens with documentation
  • 4 screens with real-life UI examples
  • 4 layout templates
  • Light and dark theme
  • Auto layout supported components
  • Free updates
Team
$158
$79 per lifetime license
  • 2100+ high-quality components
  • 724 icons
  • 165 customizable styles
  • 45 screens with documentation
  • 4 screens with real-life UI examples
  • 4 layout templates
  • Light and dark theme
  • Auto layout supported components
  • Free updates