Surprising New UX/UI Design Tools: A.I. UI Design Tool, Premium Giveaway, Portfolio Tools – Feb 2023

Summary

This month's design tools update brings a plethora of innovative features. Figma introduces video capabilities with controls in Prototype mode, supporting various formats up to 100MB. UI Design Auto Designer generates UI based on descriptions, creating entire designs with a single prompt. Galileo AI offers similar functionality tailored for Figma users. Portfolio for designers and Blu Learn platform provide networking and payment solutions, while Protopie's Pro Pi 101 crash course offers advanced prototyping education. Tools like Genius and Noisy Gradients enhance the design process with AI collaboration and creative gradient packs, respectively. Shader Gradient and Coco are new additions for dynamic gradients and comprehensive UX project creation, all aiming to streamline and elevate the designer's workflow.

Takeaways

• 🔥 Figma's latest update includes the ability to add video with controls and supports video upload in various formats up to 100MB.
• 🎨 UI Design Auto Designer is an upcoming tool that generates UI designs based on textual descriptions, creating multiple screens with a single prompt.
• 🤖 Galileo AI is a tool for Figma users that converts prompts into mobile app screens or UI designs using Figma components, allowing for detailed customization.
• 💼 Portfolio for designers is a new resource that combines work presentation with payment options and a messaging platform for direct client interaction.
• 🌐 Blu Learn is a community-based platform for designers to network, learn, and find job opportunities, recently raising 3.5 million dollars.
• 🎓 ProtoPie 101 is a free crash course offering lessons on advanced prototyping features, with a Pro Plan giveaway upon completion.
• 🤝 Genius is an AI bot that collaborates with designers in Figma, learning their design patterns and assisting in the creative process.
• 🎨 Noisy gradients is a plugin by a renowned designer that offers high-quality gradient packs with customizable noise levels and colors.
• 🌈 Shader Gradient allows users to create extensive, customizable gradients for web and Figma designs with various settings and moods.
• 📈 Coco is a new AI tool for creating comprehensive UX projects, including personas, research, journey maps, and copywriting.
• 🎁 The script highlights a variety of design tools that leverage AI to streamline the design process, offering both free and premium features.

Q & A

What new features are available in the latest Figma update mentioned in the script?

The latest Figma update allows users to add video with controls such as play, pause, forward, skip, and scrubbing in Prototype mode. It also supports uploading heavier videos in various formats like MP4, MOV, and WEBM, with an upload limit of 100 megabytes.

What is UI Deserve Auto Designer and how does it work?

UI Deserve Auto Designer is a tool that creates UI designs based on textual descriptions. For example, if you describe a food delivery app for children, it will generate a targeted UI design for that audience, including multiple screens, effectively creating an entire design with a single prompt.

What AI features does UI Deserve offer apart from the auto designer?

UI Deserve offers several AI features such as automatically adding custom themes from other websites or designs, converting current designs into paper-like wireframes using AI, and other smaller AI-driven features, making it an AI design hub with a comprehensive set of tools.

What is Galileo AI and how does it differ from UI Deserve?

Galileo AI is a tool for Figma users that converts textual prompts or descriptions into actual mobile app screens or UI design screens using Figma components. This allows users to create a design and then import and edit it within Figma, making it a versatile tool for designers who prefer working with Figma.

What is the purpose of the 'Portfolio for Designers' tool mentioned in the script?

The 'Portfolio for Designers' tool is designed to showcase a designer's work with multiple templates specifically designed for designers. It also allows linking a Contra wallet and profile for direct payments and includes a built-in messaging platform for potential clients to contact the designer.

What is Blue Learn and how does it benefit designers?

Blue Learn is a community-based platform for designers to network, learn, and find job opportunities. With over 150,000 members, it focuses on networking with professionals from various backgrounds and offers resources like hackathons, live events, and speaker sessions to enhance the learning experience.

What is the Pro Pi 101 crash course and what does it offer to users?

The Pro Pi 101 crash course is a free, comprehensive 6 to 20-lesson course on using the Prototyping tool. Upon completion, users are offered a Pro Plan for one month, providing an opportunity to learn and use the tool extensively.

What is Genius and how does it assist in the design process?

Genius is an AI bot that acts as a design partner within Figma projects. It collaborates with the designer as if a real person were working alongside, learning the designer's patterns and creating similar designs, potentially cutting the design process time in half.

What is the Noisy Gradients plugin and what does it allow users to do?

The Noisy Gradients plugin allows users to create high-quality, customizable noisy gradients with various settings such as noise level, color options, and the ability to generate random gradients for unique design elements.

What is Shader Gradient and how can it be used in design tools?

Shader Gradient is a tool that enables the creation of extensive and customizable gradients with various settings like speed, noise strength, density, and shape. It can be used in design tools like Figma and Framer, allowing for dynamic and static gradient application in web designs.

What is Coco and how does it assist in creating a UX project?

Coco is a tool that uses AI to create an entire UX project based on user-defined descriptions. It generates well-documented and designed project elements such as personas, research questions, journey maps, and UX copywriting, streamlining the UX design process.

Outlines

00:00

🔥 Exciting Design Tools and Figma Updates

This month brings a plethora of innovative design tools and updates, particularly in the realm of Figma. The latest Figma update introduces video capabilities, including playback controls and scrubbing, within the Prototype mode. Designers can now upload heavier videos up to 100MB in various formats, such as MP4, MOV, and WEBM, which is a boon for developers and designers alike. Additionally, the script introduces 'UI dessert auto designer,' an AI tool that generates UI designs from simple text prompts, potentially revolutionizing the design process by creating multiple screens with a single prompt. The tool also offers other AI features like theme customization and wireframe conversion, establishing itself as a comprehensive AI design hub.

05:02

🚀 AI-Driven Design and Portfolio Enhancements

The script continues to highlight the impact of AI in design with the introduction of 'Galileo AI,' a tool that converts text prompts into Figma components, allowing for detailed UI design creation. This is particularly exciting for Figma enthusiasts and those looking to streamline their design workflow. The narrative then shifts to discuss the importance of portfolio tools, with the launch of a new platform designed specifically for designers to showcase their work and integrate with payment solutions like Contra wallet. The platform also includes a messaging feature for direct client interaction. Moreover, the script touches on 'Blue Learn,' a community-based platform for networking and learning, which recently secured significant funding and offers opportunities for designers to get hired based on their portfolio. The summary concludes with an overview of 'Product Pi,' a prototyping tool that has launched a free crash course, offering a Pro Plan to those who complete it, and the introduction of 'Genius,' an AI bot designed to collaborate with designers in real-time within Figma projects.

Keywords

💡Figma Update

The Figma update refers to the new features added to the Figma design tool, including the ability to add, control, and scrub through videos in prototype mode. This update is significant as it allows designers to create richer and more interactive prototypes by incorporating multimedia elements directly within Figma, making it easier to visualize and present complex designs.

💡UI Zest Auto Designer

UI Zest Auto Designer is an AI-powered tool that generates complete UI designs based on a simple textual description. The tool can create multiple screens for an app or website, allowing designers to quickly prototype and iterate on their ideas. This concept is revolutionary in the design field, as it automates the initial stages of design, much like how ChatGPT assists with text generation.

💡Galileo AI

Galileo AI is another AI-driven design tool similar to UI Zest, specifically tailored for Figma users. It converts text prompts into UI designs using Figma components, allowing for easy editing and customization within Figma. This tool enhances the design workflow by enabling rapid generation of detailed, contextually relevant UI screens, making it a valuable resource for designers who work with Figma.

💡Portfolio for Designers

Portfolio for Designers is a newly launched tool that combines work showcase with payment integration, allowing designers to display their projects and receive payments directly through their portfolio. This tool also features built-in messaging for client communication, making it a comprehensive platform for freelance designers to manage their professional presence and client interactions.

💡Blue Learn

Blue Learn is a community-based platform for designers, particularly popular in India, where users can network, collaborate, and learn together. The platform recently raised $3.5 million, highlighting its growing influence in the design community. It offers various features such as networking opportunities, hackathons, live events, and job placements, making it a hub for designers seeking to advance their careers.

💡Protopie

Protopie is a powerful prototyping tool that allows designers to create advanced, interactive prototypes by importing designs from tools like Figma. Protopie recently introduced the Protopie 101 crash course, a free educational resource that teaches users how to use the tool effectively. Completing the course also unlocks a free month of Protopie’s Pro Plan, providing an incentive for designers to deepen their prototyping skills.

💡Genius

Genius is an AI-powered design collaborator that integrates with Figma, acting like an 'imaginary friend' that learns from and assists designers as they work. It doesn't solve problems independently but mirrors the designer's style and decisions, effectively halving the workload by contributing to the design process. This tool is particularly useful for solo designers working on large projects.

💡Noisy Gradients

Noisy Gradients is a Figma plugin that allows designers to create gradients with added noise texture, offering unlimited customization options. This plugin enhances the visual appeal of designs by adding a subtle, textured look to gradients, making them less flat and more dynamic. It’s a resource that adds life to a design, making it stand out in creative projects.

💡Shader Gradient

Shader Gradient is an online tool that lets designers create complex, animated gradients with various customization options like speed, noise strength, and color settings. These gradients can be integrated into Figma and other design tools, adding a sophisticated, modern touch to web and app designs. Shader Gradient is highlighted as an underrated design tool that significantly enhances the aesthetic quality of projects.

💡Coco

Coco is an AI tool that helps designers create comprehensive UX projects, including personas, journey maps, and UX copywriting. By inputting project descriptions, Coco generates well-documented and visually appealing UX designs in Figma. This tool simplifies the UX design process by automating much of the documentation and layout work, making it easier for designers to focus on creativity and strategy.

Highlights

Figma update allows adding video with controls in Prototype mode and supports various formats up to 100MB.

UI Design Auto Designer creates targeted UI designs from simple text prompts, generating multiple screens.

UI Zert offers AI features for custom themes, wireframe conversion, and an AI design hub.

Galileo AI converts prompts into Figma components for detailed mobile app or UI design.

Portfolio for designers combines work display with payment options and a messaging platform.

Blue Learn is a community-based platform for networking, learning, and hiring in the design industry.

Protopie 101 crash course offers a free 20-lesson course with a Pro Plan giveaway.

Genius bot collaborates with designers in Figma, learning and matching design patterns.

Noisy gradients plugin by a famous designer offers high-quality gradient packs with customization.

Shader Gradient allows extensive customization of gradients for web and design tools.

Coco uses AI to create comprehensive UX projects from initial descriptions.

New design tools provide free access to paid features by completing tasks.

Developers can utilize webm format in Figma, beneficial for those working with video content.

UI Zert's AI can convert current designs into paper-like wireframes.

Galileo AI is tailored for Figma users, offering detailed text descriptions and graphics.

Blue Learn raised 3.5 million dollars, focusing on designer networking and hiring.

Protopie's course includes advanced prototype features and community discussion threads.

Genius bot can potentially halve the design process by working alongside a designer.

Shader Gradient offers community submission and sharing options for custom gradients.

Coco was recently updated, indicating ongoing development and feature enhancement.

Transcripts

this month's design tools are actually

pretty insane some things which are

scary some things which are super

helpful and of course some really cool

paid stuff for free that you can get

just by doing some little tasks in

design I'm not gonna I'm not gonna hype

this up anymore let's get started with

today's video now the first one we're

checking out is the latest figma update

now this figma update allows you to not

only add video but also add controls for

that video play pause forward Skip and

even the scrubbing of the videos from

one point of the video to the other is

available in Prototype mode inside figma

and now you can even upload heavier

videos in many different formats so you

have up to 100 megabytes of upload with

formats like MP4 mov and webm which I

think is very important because a lot of

developers will be using webm so it's

good for designers to be using that as

well so you can basically just create

your own version of YouTube or even

create your own video library inside

figma maybe a design courses that you

want to build inside figma and then

publish it for other people the second

one I'm super excited for because it's

gonna come out super soon this is called

UI desert auto designer and what it does

is super simple you just type in a

description of the UI you want a food

delivery app for children and it will

make you a food delivery app targeted

towards children and not only does it

create one screen it creates multiple

screens so in the entire design can be

made with one prompt this is like charge

GPD but for UI design so we finally have

a solution like this your zert has a

plethora of other AI features as well

such as automatically adding custom

themes from other websites or other

designs converting your Current Designs

into paper like wireframes using AI

other smaller features around AI so this

can be your AI design Hub now because it

has all the features you can ever

require from an AI design tool something

very similar to UI Z has also surface

it's called Galileo Ai and it's for all

the sigma lovers out there it does the

same thing jar GPT does it converts your

prompts or descriptions into an actual

mobile app screen or a UI design screen

but with figma components so you

basically can create a design and then

import it into figma and completely edit

it on your own as a USB it's not just

the design that it's creating but when

you are defining the design if you go in

detail it will add some detailed text

descriptions images Graphics Etc as well

so it's not just about the UI it's about

creating specific content for that UI as

well the fact that people are able to

use AI models to be able to build

something like this is blowing my mind

we all love a great portfolio tool or

resource they have recently launched

something called portfolio for designers

and what it does is it combines your

work on launch it will have multiple

templates that you can use from designed

specially for designers not only that

you can link your Contra wallet as well

as Contra profile so people who are

coming to your profile can directly pay

you for your services on your website

you basically have an all-in-one tool

for payments for website for every it

also has a complete messaging platform

built inside it so if someone finds your

work Grill cool they can message you

there and then now blue learn and India

based app is the platform where all the

designers need to be now this platform

raised 3.5 million dollars recently and

it is the platform for all designers to

be on Blu learn is a community-based

platform where people who want to design

together where people who want to learn

together join 150 000 Plus members on

this application and it's based fully on

networking so you're networking with

people from colleges universities jobs

as well as from companies so a lot of

Founders or company employees you will

find here on this platform apart from

that it also focuses on getting you

hired so if you have a good scale and

you've showcased it on this platform

there are people who will reach out to

you for hiring as well you can even

interact with people with a certain

interest in mind or with a certain

learning pattern this is kind of like

Discord but if Discord was made for

networking with other designers they

also have hackathons Live Events and

speaker sessions from time to time so

you'll always get some material or

resource out of this app as well product

is one of the best prototyping tools out

there so if you've created a design on

figma or any other design tool you can

import it into prototype and make some

advanced level prototypes with it if you

want to create an actual camera app

prototype with all the camera functions

you can use prototype alongside figma

Now product Pi has recently launched

something called Pro Pi 101 crash course

this is a 6r 20 plus lesson crash course

for free and if you do this or complete

this course for free they are now giving

away a Pro Plan for one month so if

you're looking to use productive for a

longer period of time or learning

prototype while earning the Pro Plan

with it this course is really good for

you they have the entire course

curriculum laid out as well so

everything from micro interactions to

conditions to Advanced prototype

features Etc and it also has discussion

and mental threads so you'll be able to

discuss with other people who are

learning with you as well as talk to

some professionals who use this as well

they have all these high quality videos

that you can check out go through and

learn everything about the tool as well

as prototyping as well designers are

complete Geniuses by the way but what if

we had a design partner to design with

them imaginary friend who sits with you

and while you're designing is something

this little bot called genius jumps

right into your figma projects as a

collaborator of sorts and while you're

designing this tool is designing with

you as if a real person is designing

with you this uses certain AI models to

build this and of course it's not

solving any problems for you or doing

anything crazy for you but it's matching

your potential or what you can do as a

designer while you are doing it so it's

learning your patterns learning how

you're designing and trying to design

similar things with you will probably

cut the entire process of Designing from

scratch or designing a large app in half

because you then have another person to

work with so if you're a designer maybe

a single solo designer working on a

large project you can have another

designer working with you without having

to hire someone now whichever famous

designer behind all these cool

illustrations I'm showing you made in

figma has launched his own set of

plugins the first one here is noisy

gradients and I think this is one of the

most high quality gradient packs you can

get using a plugin this noisy gradient

plugin allows you to basically create

noisy gradients as it says with

unlimited possibilities you can decrease

or increase the noise you can add

different colors to it and you can even

Generate random stuff as well apart from

that he has created some incredible

resources for figma if you're a figma

fan or if you're just making high

quality content on figma his resources

is something that you need to check out

now gradients is something that add life

to a design that's this thing called

Shader gradient.com and shadier gradient

basically allows you to create different

kinds of gradients these gradients are

extensive in nature they're just not

basic at all and if you want to get your

hands on this you can even use this in

website design tools like framer all you

need to do is click on create yours you

can create your own custom gradient with

all these awesome settings here you can

change the speed of the gradient the

noise strength the density the pixel

density the shape and the way that it

should be spread out it should be a

plane a spherical circles water you can

even change the Shader and animation you

can even have different moods so City

Dawn Lobby real cool the colors you can

choose a custom as well you can change

the colors green blue orange yellow

whatever and you can even add a custom

background so if you want a gray

background or a white background you can

do that as well apart from this you can

change the view as well how far the

gradient is how close the gradient is

field of view Etc once this is done you

can basically copy this and this gets

copied to figma and framer so you can

use it live on your website or use it

statically on figma as well you can even

submit this so that the community can

use it and the way it's been getting

submitted is awesome you can even share

it on Twitter Etc I think this is the

most underrated design tool of this

month just because how beautiful things

can look with a good background like

this the next one is Coco now Coco is

relatively new it allows you to create

an entire ux project everything from

personas to research questions to

Journey maps to ux copywriting

everything can be done with this one

tool using AI so what Coco does is

basically you define what you want what

your project is all about you can be as

descriptive or as vague as you want to

be and it creates an entire ux project

of sorts for you which is both well

documented and well designed as well so

you'll have these neat little documents

created on your figma which look

beautiful as well and this was updated

two days ago so the developer is quickly

bringing new features and something new

to the table

[Music]

thank you