Duda's Upcoming Flex 2.0

DudaFlex is a mode with extra design options that helps you create responsive, pixel-perfect sections. You may quickly construct and edit websites using DudaFlex while utilizing the building tools from the well-known standard editor. 

DudaFlex provides more flexibility over columns, responsive size units, multiple element alignment and distribution, and auto layout compared to the classic editor. Because of this, you can make and modify responsive designs faster than the traditional editor.

Duda has continually maintained its leadership position in the ever-changing field of website development and design by providing creative solutions that meet the demands of both companies and designers. Duda promises a fresh wave of features and changes with Flex 2.0, its impending release, that will further transform the website development experience. Let’s explore the details of this eagerly anticipated update.

Flex Terminology

The terms used about DudaFlex are defined as follows.

Flex mode

Where flex portions are created and edited, while the building tools of the traditional editor remain available, flex mode gives you access to additional design options not available in the classic editor.

Flex section

A row that has layout-creating default flex columns. Within a flex section, you can rearrange the order of the flex columns or add new ones. It is possible to save flex parts as templates for later usage.

Advanced grid

Used to make overlapping parts or free-form compositions. Unlike flex columns, the advanced grid does not offer vertical alignment or auto layout. We advise you to verify your design on every breakpoint as a result.


Pixel ranges that match the width of various gadgets, including tablets, smartphones, and desktop computers. The site’s layout is changed to make the content and design more appropriate for the size and orientation of the device when a device falls inside a breakpoint’s specific pixel range.

Flex column

Where widgets are added, the widgets within flex columns are automatically aligned vertically or horizontally because of the auto layout feature. You cannot move components freely inside of a flex column due to the auto layout; instead, you must employ the alignment, spacing, and margin settings.

Both horizontal and vertical flexboxes

A container whose widgets are automatically positioned either vertically or horizontally. You cannot move items freely inside of a vertical or horizontal flexbox due to the auto layout; instead, you must employ the alignment, spacing, and margin settings.

What separates DudaFlex versions 1.0 and 2.0 from one another?

Everything made using DudaFlex before July 18, 2022, was made with version 1.0 of the program. Version 1.0 of DudaFlex will still be used to edit templates and team sections that have already been developed; however, version 2.0 of DudaFlex will be used for freshly created designs coming forward.

DudaFlex version 1.0 will be indicated on the top bar, in the section name, and in the layers panel while you update a template or team section made using DudaFlex 1.0. All new sites and sites that did not use Flex before July 18, 2022, are on DudaFlex version 2.0 and cannot access DudaFlex version 1.0.

Users can now add columns, which function as a layout for widgets, instead of utilizing a grid to arrange objects. The user can choose auto-layout from the columns, so items will look fantastic at every breakpoint without additional customization.

How does DudaFlex differ from other editors?

DudaFlex provides extra design tools in comparison to the standard editor, which enables you to develop responsive websites in a more expedient and uncomplicated manner. In contrast to the normal editor, DudaFlex incorporates design features that are not already present.

1. Time-saving

Because Flex is built on auto-layout, any breakpoint may be seamlessly integrated into the design.

2. Content Alignment

Enables simultaneous alignment of all elements in a flex column. Each component of the traditional editor needs to be aligned separately.

3. alignment

Elements are automatically aligned either horizontally or vertically with flex columns and flexboxes.

4. Number of columns

More than four columns can be added to a section with up to 100% screen width while in flex mode.

5. Space between items

Enables you to configure the interstitial space once, which is applied to every element in a flexible column.

6. Element sizing

To optimize for screen width in percentage and screen height in pixels, adjust the element sizes.

7. Quicker editing

You can edit an existing design considerably faster using DudaFlex’s enhanced design features than with the traditional editor.

The Advantages of Flex 2.0 for Users

The improvements in Flex 2.0 offer its users the following advantages:

Increased Effectiveness

Processes that are more efficient and AI-powered support will make website development go more quickly.

Enhancements to the Design Opportunities

Increasing the number of design components and customization options will make it feasible to use greater creativity.

Optimized Context for the User

Through improvements in performance and greater responsiveness, it is possible to benefit from improved user engagement.

Improved Capabilities in E-Commerce

It is important for businesses to expect the development of further feature-rich online selling tools.

Concluding Up on It

Within the field of website development, Duda’s Flex 2.0 possesses an incredible amount of potential to revolutionize the process. Keeping an eye out for the release of Flex 2.0, which will bring in a new decades in website design and development, is something you should plan on doing. When Duda is getting ready to release Flex 2.0, the industry is waiting with eagerness for the introduction of these advancements that will completely change things.