Significant releases of 2020 on a UI/UX design scene

Reminiscing and summing up the results of 2020, where we have collected for you the top events from the design world.

The most significant releases of 2020 on a UI design scene
Resources

Published on

January 8, 2021

|

3 mins read

Blog

The most significant releases of 2020 on a UI design scene

Navigation

Subscribe to new posts

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

By subscribing you agree to with our Privacy Policy.

Share this post

Author image

Jamshed Kasimov

<span class="blog_big-paragraph">2020 has passed. It was a very unstable year that changed the way things were. Social distance, lockdown, remote work, and for many, job cuts: all of this has become a new reality.</span>

But despite the instability, the UI / UX and product design industry didn't even think to stand still. After all, with new problems come new solutions.

Companies released new products as well as updated existing ones.

As a result, our devices and operating systems continued to change, and our interfaces became simpler and more convenient to use.

In this post, we have summed up the results of 2020, where we have collected for you the top events from the design world.

As always, this is a rating, so all the fun is down below.

{{spacer-64}}

<span class="blog_subtitle-caps">10 / 10</span>

ProtoPie has strengthened its position in the prototypes world

In 2020, Protopie continued to evolve and gain momentum. The company currently has 100,000 paid users worldwide, having major deals with Microsoft, Google, and other high-profile tech companies. And last year turned out to be very fruitful for them. Several interesting updates and improvements have been released, among which are the following:

· Autocomplete for sending and receiving messages was added
· System status bar was added
· Interaction libraries were added
· Swap component instances function was added
· Voice prototyping function was added
· ProtoPie plugin for Figma was created

{{spacer-64}}

<span class="blog_subtitle-caps">9 / 10</span>

Notion - Towards Better Productivity

Notion has significantly improved its product and also continued to replenish the list of their templates: there are 90+ templates in their database already, and the numbers will only grow in 2021. And here are the improvements and innovations that made Notion better in 2020:

· Search system has been improved thanks to new filters;
· The mobile app now starts 2 times faster;
· The function of adding an unlimited amount of content for free was added;
· "Scribble" feature for iPad was added to take notes by hand;
· With the new Timeline View (Gantt Chart) function, you can edit plans, projects, and tasks of your team in the form of a schedule.

{{spacer-64}}

{{setproduct-gpt}}

{{spacer-64}}

<span class="blog_subtitle-caps">8 / 10</span>

Sketch launched Cloud Inspector and Online-Collaboration

In 2020, Sketch launched Cloud Inspector, giving developers the ability to use Sketch for free. The process of transferring designs to developers and overall collaboration both within teams and between individual freelancers has been improved.

But this was not the main feature for Sketch last year ...

In October, the company announced that they've been testing real-time collaboration in beta mode. In our humble opinion, this is a slightly belated decision, given Figma's progress in this aspect. But hardcore Sketch users were overjoyed at the news.

The real-time collaboration was featured in the new beta of Sketch 71. The beta is available to anyone with a Teams subscription at no additional cost. The online collaboration will be fully launched in early 2021.

{{spacer-64}}

<span class="blog_subtitle-caps">7 / 10</span>

3D segment is one of the most popular in 2020

And thereupon new products, such as Vectary and Spline were launched.

Vectary is a cloud-based tool that lets you create awesome 3D elements, compositions, and layouts. They can then be exported to AR applications. You can also use it to create 3D design systems in Figma.

Vectary also has an online collaboration mode, which makes working with your team even easier.

Spline is a very worthy competitor to Vectary, which is still gaining momentum.

It is more focused on web applications. With Spline, you can work with 3D text, create geometric shapes, edit materials, import 3D models, and much more.

The app works on macOS, Windows, and Linux.

{{spacer-64}}

<span class="blog_subtitle-caps">6 / 10</span>

The rise of AR/VR

In 2020, AR / VR applications were in demand more than ever. AR / VR technologies have helped many companies adapt to new conditions and maintain their businesses.

For example, Amazon has developed a Room Decorator application that allows you to place multiple pieces of furniture and other items at once before purchasing.

Apple has added new capabilities to ARKit 4 with the introduction of the Depth API, which creates a new way to access in-depth information on the iPad Pro.

Google hasn't been left out either: Google Shopping, for example, has teamed up with several beauty brands to create an AR app that lets you try virtual makeup at home. And if you are a fan of museums and galleries, then the Google Arts & Culture team got their users you covered with such an opportunity. With a combination of street mapping and high-resolution imagery, anyone can take a virtual tour of the world's best cultural institutions.

We believe that the AR / VR industry will only strengthen its capacity, and promises to be one of the main trends in 2021.

{{spacer-64}}

<span class="blog_subtitle-caps">5 / 10</span>

Apple released macOS Big Sur redesigned

In the summer of 2020, Apple announced the imminent launch of a new version for its macOS. After 5 months, Big Sur saw the light.

The new design is one of the most impressive innovations in Big Sur. Obviously, the designers have borrowed many elements from the iPhone and iPad. All elements in the interface take up less space, their corners are nicely rounded, transparency effects have been added and color schemes have been updated.

As for the functional changes, the new OS has a number of innovations:

An interactive Notification Center has been created, combining widgets and notifications in one panel.

Customizable Control Center lets you control Wi-Fi, Bluetooth, music playback, dark mode, and more elements.

Maps, Mail, and Photos apps were also updated. And with the new functionality of Maps, you can easily and quickly plan your trips.

{{spacer-64}}

<span class="blog_subtitle-caps">4 / 10</span>

Framer goes to Web and follows Figma's footsteps

In 2020, Framer took it to the next level with some cool changes. Now it's not just a prototyping tool - Framer clearly follows the Figma path. And this tool is definitely worthing to get tried out this year.

Among the new things, we highlight the following:

· The new Components Section allows you to view all of your components in a project.

· New Multi-Team Management feature allows managing multiple teams in Framer.

· The Assets section now provides access to useful design resources. Now you have ready-made vector elements at your fingertips, including Feather Icons, Material Icons, Hero Icons, and Phosphor Icons + illustrations from Humaaans.

· And the coolest thing: Variants and Variables were added! With these features, you can create components with their own states and custom properties.

{{spacer-64}}

<span class="blog_subtitle-caps">3 / 10</span>

Miro is the solid brainstorming tool

According to the UX Tools Survey, in the Brainstorming category, Miro usage has grown from 5% in 2019 to 33% in 2020. And the total number of Miro users worldwide in 2020 exceeded 10 million.

Here are the new items that have helped Miro make this progress:

Stickies Captures - transfer of handwritten text on stickers during a brainstorming session to an electronic format;

Miro Grids widget organizes content in visual tables;

Live Embed lets you integrate Miro boards into Coda, Jira, Microsoft Teams, Whereby, and more;

The collaborative wireframing function was added;

And the coolest thing: collaboration with Adobe and integration with Adobe XD. From now on, workflows with these programs will be significantly accelerated by:

· conducting brainstorming sessions;
· sending feedback in real-time;
· launching group design audits;
· quick decision making on prototypes;
· tracking progress in design sprints using Kanban boards;
· presenting final designs to customers.

{{spacer-64}}

<span class="blog_subtitle-caps">2 / 10</span>

Figma is the design tool of choice of the year

Figma has had a powerful year. Firstly, according to the results of the UX Tools Survey, which was attended by 4100 people, Figma took a leading position in 6 of 8 categories ("User Flows", "UI Design", "Prototyping", "Developer Handoff", "Design Systems "," Versioning").

Secondly, since September 2020, the creators of Figma have made several cool changes to the functionality of their system:

· Variants function was added. It combines component variants into a single component with custom properties and values;

· Updated Auto Layout now provides even more flexibility for resizing and Constraints;

· Updated Instance Swapping menu now has preview and component search functions;

· Inspect Tab was added - it allows developers to copy animation values and any other information;

With these changes, Figma will definitely maintain its leading position in 2021.

{{spacer-64}}

<span class="blog_subtitle-caps">1 / 10</span>

Creative Cloud released new products and updated existing ones

The leader of our list is Adobe, for which 2020 was a very busy year. Here's a summary of the company's major updates:

The Streaming function for Photoshop, Illustrator, and Fresco was added;

The ability to centrally manage plugins in the Creative Cloud desktop app.

InDesign now has a "Share for Review" feature that allows users to share their work and receive feedback.

Photoshop has improved font recognition, fill and color correction, as well as added the "Select Subject Portrait" function with an easier selection of complex objects (for example, a woman with curls) and easily replacing the background. And thanks to neural filters based on the Adobe Sensei (Adobe's AI), you can change the portrait (smooth skin, change age, the direction of eyes or head, add emotions, etc.)

Searching on Behance has also improved with new filters;

After Effects has an optimized 3D experience;

Adobe XD has also been boosted with the following new features:

· Content-Aware Layout - analog of Figma's Auto Layout

· Stacks sets the spacing between objects, which is preserved when you change your design;

· Scroll Groups creates scrolling elements inside the artboard (lists, carousels, galleries) in prototyping mode;

· Adobe XD Extension for Visual Studio Code provides collaboration on a design system;

· 3D Transforms allows you to create AR prototypes.

{{spacer-64}}

{{stars-conclusion}}

{{spacer-64}}

Conclusion

And that's it for now. The design has shown once again its strength and flexibility to the world. We wish you not to slow down because 2021 promises to be very cool and fruitful.

We constantly publish interesting news from the world of the design industry. So to stay informed and to get some inspiration, consider subscribing to our Newsletter, as well as our Youtube channel and follow our pages on: Dribbble, Behance, Medium, Reddit.

Also, don't forget to visit our Setproduct homepage to get inspired with UI design from the nearest future. Where you will find top-notch design systems and UI kits for fast and high-quality work in Figma.

Stay safe, productive, and successful! Happy designing!

Related publications

The most significant releases of 2020 on a UI design scene

Last year has passed. It was a very unstable year that changed the way things were. In this post, we have summed up the results of 2020, where we have collected for you the top events from the design world

14 useful UI design resources handpicked. January 2021

What's in today's release: various generators, cool sources for your inspiration, stylish icons, top 2020 products from Product Hunt, tools for exporting animations and GIFs, and much more

16 fresh design resources of February 2021

Here is what we are gonna review today: icons, emojis and illustrations, the coolest articles on working with color and tables for enterprise, effective plugins for Figma, sources for inspiration and much more

Top 11 design tools and resources to kickstart your project

We've reviewed the most popular launches on ProductHunt after the first quarter of 2022 and here is what we discovered.

Best 20 design resources for startups, developers and designers

Today's list includes a bunch of cool icons, powerful UI kits, great collections and tools, even a history of user interfaces, and so much more.

18 design & developer resources to boost your productivity and creativity

In today's list, you will find texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more.

Share this post

Subscribe to Setproduct

Once per week we send a newsletter with new releases, freebies and blog publications
Oops! Something went wrong while submitting the form.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.

Congratulations!

You're in! Expect awesome updates in your inbox

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
No items found.

Our Dashboard Templates Will Make It A Treat To View Data

Experience the magic of data visualization with our user-friendly dashboard templates. Try out our dashboards now and enjoy efficient reporting processes, greater transparency in, among others monitoring and making educated decisions easily.
Material X for Figma

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.

Related posts

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Resources

8 min read

Streamlining Website Development: Essential Tools For Agency Management

Discover the top tools for managing web development projects in 2024. From CRM solutions like Salesforce and HubSpot to project management tools like Jira and ClickUp, streamline your agency's workflow and enhance collaboration with these essential tools.

Resources

8 min read

Types of Dashboards. Main Categories

Unlock the power of data-driven decision-making with our comprehensive guide to different types of dashboards. Learn about operational, analytical, and strategic dashboards, and discover how they can drive business success.

Resources

2 mins read

Black Friday 2023: Unbeatable Deals on Figma Templates for Designers!

Maximize your Black Friday savings with exclusive deals on Figma assets for a more streamlined design workflow. Give your designs the competitive edge they deserve.

Figma Templates & UI kits

Save time and human resources by reusing hundreds of pre-made templates crafted by us. Based on top notch UX taken from the World's best apps.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Material Desktop Dashboard UI kit

Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.

Xela UI kit for Figma

Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

OE Figma Design System

Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.

Figma iOS kit

Figma library of iOS patterns served as ready-made templates. This UI kit inspired by World's best apps. Based on Human Interface guidelines.

Figma S8 Design System

Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.

Most iOS UI kit for Figma

iOS native components and app templates organized into a «Most Design System» fully compatible with Apple's Human Interface guidelines.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Nucleus UI

Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).

Figma Android UI kit

Components-driven Android mobile UI library for Figma. Consists of 140 high quality application templates made of total 250+ UI components.

Mobile X UI kit

Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.

Appka iOS UI kit

Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.

Full iOS UI kit

Customizable iOS design system with 320 ready-to-use app layouts. You can modify them or use as it is to save time and never design from scratch again.

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma Charts UI kit

Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.

Hyper Charts

Create impressive visuals with Figma's graphs templates – dozens of scalable and customizable data visualization blocks for dark and light modes.

Orion UI kit

Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Xela for Flutter

XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.

Xela for Android

Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.

Xela for Swift

Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Xela for React

React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.

Levitate 3D kit for Figma

Components-driven 3D kit to design eye-catching Figma presentations. Helps to enhance your landing page, product or app, brand ident, etc.

Website templates UI kit

Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks.

Figma Landing Pages UI kit

Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.

Zeus UI kit

Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.

This is some text inside of a div block.
This is some text inside of a div block.