Ant Design System for Figma: Invoicing Platform Design - Tutorial

Get Ant Design System for Figma: www.antforfigma.com
Plugins used in the video:
Button resizer: www.figma.com/c/plugin/740127...
Content Reel: www.figma.com/c/plugin/731627...
---
Follow me on Twitter: / matsugfx

[@mattwierzbicki27]

You don't need to use Button resizer plugin any more. Ant Design UI Kit supports Auto Layout now :)

[@PaddyWangTheGG]

This is a great tutorial! I am a developer learning design at the moment.
I got the Ant Design System for Figma, but I was a bit overwhelmed by the amount of stuff in it, didn't know where to start.
After this tutorial, I learned so much and I am very clear how to use it now. Thanks!

[@aashishmaharjan4175]

Awesome tutorial, never seen this type of tutorial on UA-cam

[@jbu3025]

good job. Really like your product, figma and this tutorial :)

[@alanpodemski7567]

great product tutorial 👏👏

[@andrewshaparenko3748]

Nice video, great job, very useful!

[@yashsri1]

Awesome tutorial!

[@martacondedesigner]

Thanks for share!!:)

[@rsmolkin]

This is a great tutorial! How did you make it so that when you duplicate, the table line or button goes exactly where you want below automatically? When I do it, they seem to stay in the same spot and then I have to move them. Also any recommendations how to best manage tables with many columns and rows when need to add extra columns?

[@mattwierzbicki27]

Thanks a lot! In order to duplicate items so that they copy below with the same space: you need to click on the item and then holding Alt + Shift move it down. Then Ctrl + D to duplicate it. :) For adding rows/columns: you need to do it manually I'm afraid.

[@LeoEhrlich]

Great design system. When are you planning to do more releases?

[@mattwierzbicki27]

Very soon!