October 2, 2023

AntBlocks UI: Our new project for busy teams

We just launched AntBlocks UI - a library of high-quality, responsive, customizable and ready-to-use React and Figma components built on Ant Design!

As creators of Ant Design System for Figma, we've been consistently enhancing and refining it by adding new features. Until now, it has significantly enhanced the work processes of over 5000 designers and teams across the globe who incorporate Ant Design into their projects. The remarkable growth of this modest side project has exceeded my expectations, and I'm incredibly pleased that my efforts are aiding others in efficiently completing their projects.

Today, I'm thrilled to share that I'm taking an even bigger stride toward improving the workflows of teams engaged in Ant Design projects. I'm sure that as a valued user of the Ant Design System for Figma, you and your development team will find our latest project truly exciting!

Meet AntBlocks UI

AntBlocks UI is a library of high-quality, responsive, customizable, and ready-to-use React and Figma components built on Ant Design.

AntBlocks UI improves the development process by providing a versatile collection of code snippets for various use cases and industries. It simplifies integration with its copy-and-paste interface and supports tokens for customization. It aims to save developers time and effort while empowering them to create stunning, functional, and responsive web applications easily.

Why did we build AntBlocks UI?

Creating components and sections, even when using the Ant Design library, can be time-consuming, and we are well aware of that. We created AntBlocks UI to help developers focus on what truly matters – crafting amazing user experiences and building successful projects without getting bogged down in the details of creating components from scratch.

Copy & paste

The simple copy-paste approach allows for quick and seamless integration of components into your project, accelerating your development process. Just copy the component and paste it into your Ant Design project.


We recognize the paramount importance of security, particularly for larger enterprises. With AntBlocks UI, you're not required to install any additional software beyond Ant Design itself. You can preview components and their associated code directly on our website, offering an added layer of reassurance.


Every component is meticulously crafted to uphold responsiveness and functionality. This commitment guarantees a harmonious and dependable user experience across various devices and screen dimensions.

Dark mode

We developed all components so you can easily switch between light and dark modes to ensure that your app looks great, especially in low-light conditions or at night.

Built with tokens

Personalize your app's appearance with design tokens to easily customize color schemes, fonts, and more. Create a unique look that matches your brand's identity.

Dedicated UI kit for Figma

Our UI kit for Figma provides you with a seamless and organized experience between design and development when building the Ant Design projects.

Learn more about AntBlocks UI on its website here: https://antblocksui.com/


How to get the new updates?

After each update you will get an e-mail with the updated files. You can also get the new files via your LemonSqueezy account and through your email with the receipt.

Learn how
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.