Customization

Icons

There are two easy ways to add your icons to Ant Design System for Figma.

Copy & paste

  1. Make sure your icons are in SVG and copy them.
  2. Go to the UI kit file and Icons page.
  3. Create a new frame and rename it (for example 'My New Icons') so you can easily find it in the assets panel.
  4. Paste your new icons inside that frame.
  5. Select all icons.
  6. Click on the 'Create multiple components' button at the top of the screen.

Voila! Now you can use your new icons in your project.

Library

This method is only available for Figma users with Professional and Organization plans.

  1. Make sure your new icon library is published to your team library in Figma. More details about Team Libraries and how to use them can be found here.
  2. Enable your new icon library in the UI kit file

Voila! Now you can use your new icons in your project.

Copy & paste

  1. Make sure your icons are in SVG and copy them.
  2. Go to the UI kit file and Icons page.
  3. Create a new frame and rename it (for example 'My New Icons') so you can easily find it in the assets panel.
  4. Paste your new icons inside that frame.
  5. Select all icons.
  6. Click on the 'Create multiple components' button at the top of the screen.

Voila! Now you can use your new icons in your project.

Library

This method is only available for Figma users with Professional and Organization plans.

  1. Make sure your new icon library is published to your team library in Figma. More details about Team Libraries and how to use them can be found here.
  2. Enable your new icon library in the UI kit file

Voila! Now you can use your new icons in your project.

Get Ant Design System for Figma today

Speed up your design and development process

Stop wasting time on creating everything from scratch for every new project you start. Use pixel-perfect and handcrafted elements to design and implement your next Ant Design app efficiently.