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
No credit card required
Test before you buy. Learn how it works or preview sample components.
  • 88 high-quality components
  • 172 icons
  • 55 customizable styles
  • Auto layout supported components
  • 1 UI example
  • Light theme only
Business
from $158
One time payment - lifetime license
Perfect for multiple designers and developers working on the project.
  • 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 license
  • + Secret Bonus (Coming soon)
The best for Figma teams
Individual
$79
One time payment - lifetime license
A single license for solo players and freelancers.
  • 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