Three resources for creating UX/UI design tools with AI

Sergushkin.com
3 min readNov 21, 2024

--

Source: penpot

Imagine the empowerment of creating your own UX/UI design tools, without the need for programming or coding skills. This is the power of artificial intelligence, putting the tools of creation in your hands.

In this article, I offer three resources to help you realise your ideas: Create.xyz, Automator for Figma and Penpot.

Create.xyz

Create.xyz is an innovative platform that allows you to create any app, tool or design software.

How is it work?

Right on the homepage, you can describe what you want to create, and then the AI will do the rest. For example, you can develop a colour palette generator: describe a task, such as ‘Contrast palette for a green theme’, and the system will pick colours that perfectly match green. If you need something unusual, such as a palette of pastel or metallic shades, just set this condition and Create. Xyz will generate it.

The platform automatically creates both mobile and full-screen versions of your tools, generates basic code (such as HTML and CSS) and a user interface (including buttons, text fields, and menus), elements of which can then be further refined.

Benefits of Create.xyz:

  • Ease of use: no programming knowledge needed.
  • AI integration: add ChatGPT or other AIs to extend the functionality.
  • Flexibility: you can edit the interface and code.
  • Collaboration: you can share the project with your team, download the code and embed it on websites.

Automator

Figma is a powerful UX/UI design tool, and Automator makes it even more versatile. It’s a free plugin that allows you to create your tools and plugins.

How is it work?

With Automator, you can automate routine processes. For example, you can create a tool to remove all effects from certain elements in one click, sort the icon grid, scale layers, and so on. Automator offers many possibilities: resizing, changing properties, adding effects, connecting third-party APIs, and creating scripts, including loops and conditions.

Benefits of Automator:

  • Saves time by automating routine tasks.
  • Powerful functionality.
  • Ability to work with JavaScript for customisation.
  • Suitable for those who need to become more familiar with programming.

Penpot

If you want to create your own UX/UI design tool or adapt a ready-made one to your company’s needs, consider Penpot. It’s a free, open-source tool that you can modify as you see fit.

How is it work?

Penpot’s open-source code means you can download, modify, and customise it. For example, with ChatGPT, you can add new features or change the interface to suit your needs. Penpot is ideal for companies that want to customise their tools.

Benefits of Penpot:

  • Completely free and affordable tool.
  • Open-source.
  • Solution customisation.
  • Suitable for both personal use and companies.

Why use AI to create UX/UI tools?

AI-based tools allow designers to focus on the creative part of the work, removing the need to understand the complexities of code. This not only saves time but also expands possibilities, making the UX/UI design process more accessible and efficient.

Try Create.XYZ, Automator and Penpot, and share how much they’ve made your projects more accessible.

Subscribe and stay in touch. Let me know what you’d like to learn in future posts!

Twitter | Instagram | Dribbble

--

--

Sergushkin.com
Sergushkin.com

Written by Sergushkin.com

⚡️ the world wants to hear you, UX Consultant ⚡️ dribbble.com/sergushkincom

No responses yet