Editor X: Where creativity and precision meet

Profile picture of eden spivak

3/3/2021

Illustration by Linor Pinto

Advanced creation platform Editor X has been making waves in the web design world. Here’s what makes it stand out.

4 min read

A collection of elements from the Editor X workspace, including the editor, color palettes, concurrent editing and more.

Stay informed on all things design.

Thanks for submitting!

Shaping Design is created on Editor X, the advanced web design platform for professionals. Create your next project on Editor X. 

Get our latest stories delivered straight to your inbox →

Advanced web creation platform Editor X is the result of a clear vision: offering unlimited creative freedom online for professionals. Driven by this mission, we wanted to bridge the gap between the accuracy and creativity of the best design tools, to the power of the most advanced website design platforms.


With that in mind, Editor X has revolutionized the web design industry by bringing CSS into a designer’s mindset. We believe that it’s possible to have the best of both creative worlds, mixing the intuitivity of drag-and-drop with acute design precision, right down to the smallest CSS unit.



What is Editor X?


Editor X is an advanced creation platform made for professionals. With approachable CSS, integrated business solutions and built-in coding capabilities, Editor X allows you to build and launch powerful websites with seamless responsive layouts and full breakpoint control.


True to the brand’s mission, creators on the platform can experience total design freedom on the most intuitive and flexible canvas. With the help of custom breakpoints and flexbox technology, creators can bring their vision to life for any screen size imaginable.





State-of-the-art features for professionals


Editor X combines the visual intuitiveness of a design program with a developer’s level of control. Here are some of the many web design features and capabilities that make it stand out:



A streamlined creation process for teams


Editor X is the first fully collaborative website creation platform. Using the concurrent editing, to be released soon, multiple team members can work on the same site at the same time. Since our product is backed by the extremely powerful infrastructure of our parent company Wix, we support real-time team collaboration while ensuring a stable design process.


This means that every stakeholder in your team can jump onto the site at any point during the creation process, making teamwork seamless and eliminating the need for site duplicates. You can even ask team members to hop in for a quick fix using live commenting. This feature enables team members to communicate directly on the editor, leaving notes and comments or assigning tasks to each other as they work.


You can also assign different roles and permissions to each member on your team, so that everyone — from SEO specialists to content managers — can focus on their work, resulting in tailored editing experiences that suit your team’s needs.


You can also create and share design libraries with your team, allowing you to align on a project’s visual language and brand identity across multiple projects. Design libraries are reusable collections of typography themes, color palettes and other assets that you can access and share from any site.





A fully responsive CSS grid


A grid is one of the most important tools for creating and maintaining an organized layout in design. Editor X’s responsive CSS grid is an advanced layouting tool, giving you precise control over your layout at every viewport.


Using an intuitive and friendly abstraction of CSS, your grid allows you to align and dock elements into organized page compositions. This way, your product photo, for example, will always stay to the left of the page, retaining the same distance from the elements surrounding it on the page.


Editor X’s CSS grid comes with a selection of preset grids to choose from, and you can also customize your own. In order to achieve even the most intricate of layouts, fine-tune anything down to the pixel — from the grid’s columns and rows to the spacing between them. You can even create a unique grid for every device, adjusting and rearranging page elements for total control over your layout across all viewports.






Exceptional media display


Visuals are an integral part of the creative process online, making them an essential component of the Editor X experience. For that reason, the images and videos you’ll display on Editor X always retain their sharpest, highest quality.


With a suite of advanced media features, we support various video capabilities like transparent video and offer a Photo Studio for editing visuals directly on your browser. Using the focal point tool, you can choose which exact detail of an image you want the focus to be on as the screen size changes, whether that’s the model’s smiling eyes or the logo on their shirt.


Our team of designers has created a rich selection of visuals to serve as a starting point in your creation process, from fully designed website templates to compositions that you can drag-and-drop onto your site. Dig into our ready-made designs to see which tools and techniques we used while making them, to serve as a blueprint for your own designs.





A robust business infrastructure


Using Editor X’s integrated business solutions, creators can craft exceptional user experiences that drive conversion and empower their clients’ brands.


Whether it’s operating an eCommerce website, offering online bookings and services, selling recurring subscriptions or starting a blog, Editor X supports all of your clients’ business needs without the need for third party apps or plugins.





A vibrant community of web creators


The designers, developers and experts who use our product are what pushes us forward and makes us better everyday. Our growing community of creators is at the core of what we do, and we appreciate hearing your experiences and input.


Check out our showroom of website design inspiration composed entirely of our users’ creations, where new sites are added regularly. Browse through outstanding live Editor X designs, like the Severe Nature eCommerce website made by Christopher Afolabi, or Timothy Goodman’s portfolio website.

There’s also the Community X Forum, where you can join our creators and in-house experts in the conversation, ask questions, share ideas and feedback, and catch up on the latest updates and releases.


Visit our blog, Shaping Design, for insightful stories and opinions about design, written by designers worldwide. Plus, don’t miss out on Academy X for video lessons, tutorials and webinars for mastering the Editor X platform.






Conclusion


In the words of NYC-based visual artist and director Shane Griffin, Editor X “feels more like an intuitive, artistic piece of software. You’ve got all these flexible tools that you think should’ve been in web design applications forever, but haven’t been.”


We created Editor X so that you can build fluid, interactive sites with integrated business solutions and custom breakpoints. We made an advanced web creation platform so that you can have unlimited creative freedom online.


Now, the rest is up to you.