We have added an option to turn off the editor's auto-display of distances. This will help improve visibility when there are a large number of elements in the block.

To turn off the auto display, you should deactivate the switch "Show distance" in the editor's navigation panel. When you do this, the distances will be displayed only when you hold down the Alt key (for Windows) and Option (for macOS). By default, the auto display is enabled.

We have added the "Social icons" element to the Flex block. It will give you more space to edit this element on the site. The size of the element changes depending on the number of icons and their size.

Now, you can import separate blocks from Figma to your website editor, allowing you to significantly speed up the transformation of the Figma design into a complete website. To do so, you only need to paste the token from Figma once, and after that, you will be able to import Figma frames into blank Flex blocks by adding links to them. Images, texts, the block's background, and other elements will automatically transfer to your website. 

We highly recommend reading our tips and guides in the Help Center to achieve the best result while importing the block. The website creation became even more efficient and effortless!

Now, you can copy pop-ups from one website to another, making it easier to create new websites using templates of your own. This way, you will be able to develop the design of the pop-up, copy it to another site, and change its content. Working on new projects became even more convenient!

We added the "Embed code" element to Flex block, which will give you more space to create functional websites with the code assistance. You can add the embed code in the Flex block. This element can be freely arranged.

Moreover, while using the “Embed code” element in Flex block, you can also see the result of the written code in the editor, which allows you to check the correctness of its work better.

We added a new element, “Language menu”, which will give users an option to switch between different language versions of your website. Furthermore, the link is being set up automatically, so a visitor will be transferred to a similar page but in different language.

You can edit the language menu and add customization settings, such as changing colors, renaming active languages, changing menu types (dropdown or horizontal), displaying languages differently (icon, text, both), and adding shadows. Moreover, you can change the size of flag icons.

We added a new absolute element, «Video», which will allow you to implement more design solutions on your website. You can add video in the Flex block.

You can rotate, arrange, copy, and resize the video. Furthermore, the absolute element has the default settings, such as loop, autoplay, and showing video controls.

We added an eye-dropper to a color picker to make it easier for you to edit the colors of your website's color palette, texts, blocks' backgrounds, etc. To use this feature while changing colors, click on the eye-dropper icon and then click on the place on your website from which you would like to get the color.

We added corner rounding for collection items, giving you more flexible settings for this element on the website. You can change the corner radius in the element settings. Rounding is available for one separate corner or all corners simultaneously.

Changing the corner radius is applied to all items in the collection at the same time. But please note that it will be impossible to change styles if the collection items have no background. 

We added a corner radius for images, which will allow you to arrange this element's appearance on the website better. You can apply rounding in image settings. You can do it either for each separate corner or all corners simultaneously.

This feature is available for both images in the Flex block and regular ones in other blocks.