Sizze 2.0 is a platform for creating an application design and instantly export it into code. Beta 2 and its new features

Sizze
4 min readApr 5, 2021

Hello everyone, it’s been 3 months since the first release of Sizze and we’re here to share new features.

Overview 👇
👨‍💻Sizze’s mission is to help designers and developers to collaborate smoothly and create IT products faster, without wasting time on routine processes.

We improve the quality of the code and developer tools on Sizze weekly.

Check out our latest updates:

  1. React Native👇

😎 We taught Sizze to export components or an entire project to React Native. This gave a new impetus to the development of the platform towards the creation of applications.

2. View mode on the phone👇

😎 Now your result can be tested immediately on a real device using a QR code, for this you need to download the IOS Expo Go, Android Expo Go

3. Auto Layout👇

😎 The ability to use Auto Layout in the editor has been implemented, this feature significantly saves time and effort when creating prototypes. You no longer need to move all the elements manually.

4. Viewing and adjusting colors in a blended selection👇

😎 The “Selection Colors” function allows you to view and adjust any colors applied to objects in the selection.

Select objects or layers and view or adjust individual colors in the selection.
Select the parent object, for example Tab Bar. View and adjust color properties of any child objects.

5. Switching themes👇

😎 These constants will generate a dark / light theme of your choice. Now you can easily switch between light and dark theme, while you will have a library of colors where each light color will have a dark twin.

6. New Constraints block👇

😎 This feature allows you to specify how objects should react to the resizing of their frame. It helps you control the appearance of your designs across different screen sizes and on different devices.

Left keeps the position of the object relative to the left side.

Right keeps the position of the object relative to the right side.

Left and right keep the size and position of the object relative to both sides. This can cause objects to grow or shrink along the x-axis when resizing.

Center keeps the position of the object relative to the horizontal center.

7. Interaction mode👇

😎 New ability to create interactive elements or program transitions between pages, while all functions are saved in the code you upload.

8. New Dashboard and fixes for numerous bugs👇

😎 We gladly took into account your feedback from the last article and tried to correct, according to our capabilities, all the shortcomings. Thank you for helping make us better.

Sizze Next Steps

🤓 Quality of code and function for design is our top priority. We are constantly working to improve Sizze. We are developing:

  • Export to popular frameworks like Vue.js, Angular, SwiftUI and Flutter.
  • Export the entire application to ZIP
  • Auto publish to App Store and Google Play
  • Google Sheets Connection

Ready to start ❓

Go to the site sizze.io and test absolutely free.

Don’t forget that we are in alpha test 😜

sizze.io

--

--