Web Designer is unlike any web design software you'll have seen before; an easy template based solution that gives you total page design freedom, no HTML skills required.

Find out more about the power of Web Designer in our summary of some of the key benefits and features below.

Why Web Designer?

Web Designer is unlike any website creation tool you've seen before - here's some of the reasons why:

There is no easier solution

Traditional web authoring tools are really just HTML editors, originally designed to create text layouts, providing few graphical capabilities. Yet it's evident that the majority of modern websites are of a graphical nature. We believe you should have complete freedom to include anything - text, graphics, photos - anywhere on the page, using just one tool. And you shouldn't need to know, or even see, the HTML that goes into creating your site, any more than a car driver needs to know how an engine works.

Web Designer treats web page design just like print page layout. You can either create your own page and site designs from scratch with the powerful page layout and design tools or simply 1) pick your design from the templates 2) customize it with complete freedom 3) publish. What you see on the page in Web Designer is exactly what you get on your site - and absolutely no HTML or Javascript skills are required!

Read on to find out more about Web Designer.

A one tool solution

You only need one program for creating graphical websites - from design to publishing - and that's Web Designer.

It includes all the tools you need for designing your pages, even including illustration tools and photo editing (an integrated ultra-fast, non-destructive photo tool), and for advanced text layout. 

Web Designer's Online Content Catalog includes customizable web graphic, webpage and website template designs, plus a collection of Widgets and a huge collection of royalty free, high quality photos from Pixabay.

Total design freedom

Web Designer gives you total design freedom - using drag and drop you can literally place anything, anywhere on the page. And things which are normally difficult to achieve in HTML are a snap in Web Designer - for example text with curved edges, text or graphics at an angle, text flowing around objects - no problem! 


Whether you customize one of the bundled templates or create your own graphics or animations, it's genuinely WYSIWYG - what you see in Web Designer is exactly what you get on your website. 

Quality results guaranteed

Web Designer's templates are created by top professional designers, so the quality is guaranteed. But of course you can customize the color, text, images, size etc to create your own personal look without any loss of quality. It's the best of both worlds! 

Clever stuff

But we have some clever tricks too, to make things easier for you - here's just a few of the things that will save you time and trouble:

Liquid text flow around objects; easy mouseover, thumbnail and pop-up creation; automatic adjustment of photos to the correct web resolution; one-click change of site wide theme colors and shades; automatic color matching of imported objects such as buttons; a concept of 'repeating objects' such as headings and button bars - edit one instance and they all update; buttons and text panels that automatically stretch as you change the text; smart automatic repositioning of objects and resizing of pages as you add new text; font embedding which frees you from the restriction of 'web safe' fonts.


Working with industry standards is vital, so Web Designer+ sites are W3C compliant, cross browser compatible (IE 8+, Firefox, Safari, Chrome) and XHTML, CSS standards based.

It can also import a huge range of files types for vector graphics, image and text including PDF, RTF, RAW, PSD, SVG, TIFF and of course JPEG, PNG, GIF, plus some more advanced import formats (ODP, PPTX) and it can also export presentations to PPTX (beta).

Mobile Device Friendly

Websites made with Web Designer are ready for the latest iOS and Android smartphones and tablets. We‘ve invested significant effort in esuring that all our templates and features work with mobile devices.

Together with our embedded HTML 5 player technology for video and audio integration this means that you can create state of the art website projects which work across all platforms and browsers with minimum effort.

Sites created in Web Designer are also touchscreen compatible.

Web Designer also offers a responsive web design feature (see below).

Xara in the cloud

Xara Cloud offers an ultra-simple way to view, edit and update the text or images of your Xara website using a web browser on any computer or tablet (yes even a Mac or Android tablet!), from anywhere in the world, and to re-publish the website. Perfect for collaborative editing, for commercial designers who want to give clients editing access, or for anyone who needs to edit their site remotely.

Web Designer benefits from seamless integration with Xara Cloud, making it a great additional service. You can find out more & register here.

Create Websites

There is simply no easier, quicker way to create a website. Full stop. Here's how:

Choose a design

Pick your page design from the templates in our Online Content Catalog, all created by professional designers so that quality is guaranteed. There are pre-built, ready linked multi-page sites, or you can build your own site from the page layouts offered in co-ordinated theme sets. We've got all the layouts you need (eg home, products, photo gallery, news, store etc).

Then you can customize the pages with complete freedom and absolutely zero loss of quality!

See the web page templates

Customize as required

Use simple drag and drop to position things on the page as you wish; enter your text (spell checker included); add any new items such as text panels, headings or extra buttons from the templates in the Online Content Catalog, or import your own, or create new images with the drawing tools; set up links on your NavBars and menus; drag and drop your own photos (photo editor included if you need to crop or adjust brightness, contrast etc); customize colors with the simple one-click theme color editing.

For extra impact, adding mouseover effects, thumbnails and photo pop-ups & slideshows is simple. 

Add widgets to your site

And it's a snap to add widgets to your site, such as Google Maps, Facebook Like and Twitter buttons, Picasa photo albums, Flickr slideshows, YouTube movies, forms, news feeds and many, many more...

What's more the Online Content Catalog offers a collection of popular widgets that can be added to the page you're working on, including widgets for forms, photo and content slideshow widgets, interactive chart and graph widgets, and e-commerce widgets such as Paypal, and many more (find out more in our Widget Guide).

Add videos, music, PDFs

It couldn’t be easier to add external files. Simply drag and drop the MP4 or FLV movie files, MP3 audio files or PDFs on to your page and position them as required. All the work to display and play them will be done automatically.

Note: The integrated audio and video players use the HTML 5 capabilities of the web browser to play the audio or video where the browser supports it eg latest smartphones or tablets. Otherwise it falls back to Flash.


Check your design in the browser preview and then simply click on Publish. All you need to do is enter your regular FTP upload details (or if you are using Xara Hosting simply sign in).

Search Engine Optimization

Now you have a great looking site and you’ll want to get the word out! Web Designer+ helps you achieve search engine success by making it easy to add the essential titles, descriptions and keywords, by site or by page.

Advanced users can also finesse their SEO by optimizing images with the new WebP format or SVG, set image files names and Alt Text, control canonical tags, add HTML to the body and head field, automatically create XML sitemaps and set up Open Graph titles, images and descriptions.

Then you can easily embed Google Analytics web analysis tool to measure your success!

Responsive Web Design

With Web Designer+ you can create multiple variants of a site - eg desktop, tablet, mobile - which are exported as a single HTML file, so that your site will dynamically change layout in response to the screen size of the viewer. What's more you can opt to scale the site to fit the browser width within variants, which ensures a better result for a wider variety of devices, and a smoother, more fluid transition within variants.

Example (The Auberge theme with desktop and mobile variants and 'scale to fit width' on)

Does your website pass the Google mobile-friendly test? If not, you need Web Designer! 

Create Web Graphics

If you need individual graphics for your existing page, Web Designer is the tool for you

Use professional templates

The Online Content Catalog also includes template designs for individual graphics, from buttons, NavBars and headings to charts, text boxes and speech bubbles! Again they are all created by professional designers and can be customized to fit your site in seconds.

These individual graphics can be exported in the standard web formats such as GIF, JPEG, PNG for use on existing websites, or they can be added to any page being created in Web Designer.

Web Designer+ also includes a range of social media templates for posts and headings for all the popular social sites including Facebook, Twitter and Instagram.

See some more examples of the templates.

The Online Content Catalog also gives you direct access to a huge selection of royalty-free stock photos and illustrations from Pixabay.

Or create custom graphics

If you don't find a template to fit the bill, no problem, Web Designer includes comprehensive, intuitive and powerful drawing tools from our award winning illustration software Xara Designer.

So you can create your own graphics from scratch and either add them to the page being created in Web Designer or export them as JPEG, PNGs or GIFs. 

Rapid Website Prototyping

Design website prototypes with unrivalled freedom, no HTML skills required.

Fast prototypes for designers

For designers, Web Designer offers unparalleled design freedom. It's perhaps the fastest website prototyping tool around, even for websites created from scratch. As a designer you don't need to know anything about HTML, but you'll have complete freedom to design websites as simple or as complex as you need, with an actual working HTML result, rather than just a 'fake' static mock-up. 

Design without compromise

You don't need to compromise your design just because this is a webpage.

Web Designer supports transparency, even grad transparency (for graphics, photos and text); it has full, automatic alpha channel support for things like soft shadows, anti-aliasing and semi-transparent objects; and if you include things not supported by HTML (let's say rotated text) it automatically converts them to optimized web graphics. 

Pro Features

Web Designer offers plenty of extra features for your more ambitious websites.

Single Page SuperSites

We're all used to the idea of websites presented as separate pages, where you have to click a link to navigate from one page to another. Web Designer offers the option to present your whole site as one single, fast scrolling document using scroll or swipe to navigate. Or you can present one page at a time in the traditional way, but with super-slick animated page transitions triggered by scroll, swipe or click.

Example 1  a Supersite with transitions. It's also responsive to both browser width and tablet orientation

Example 2  a vertically scrolling Supersite (without mobile or tablet variants)

Animation Effects

Web Designer makes it easy to add a wide range of animated effects to the layers and page links in your website. You can add animated transitions to any page link or pop-up layer in your web pages. Perfect with Supersites and presentations!

Example 1 (a Supersite with transitions. It's also responsive to both browser width and tablet orientation.)

Example 2 (a Supersite with transitions, optimized for tablets with both portrait and landscape variants (with Scale to Fit selected)

You also have a wide range of animation effects on mouseover, click/tap and on reveal (for example objects that slide or fade into view as you scroll down a page) and scrolling animations such as parallax.

Example 3 (on reveal - buttons on photo heading slide in from right and left, circular photos fade in, Headlines slide in from right and left, and quotes fade in)

Example 4 (with a parallax effect on the heading and scrolling and on reveal animations throughout) 

Sticky Objects

These are objects that you can 'stick' in place as the page scrolls underneath. A good example is the NavBar which you can stick to the top of the page as viewers scroll down, so they can still easily navigate to other pages without having to scroll back up to the top. In Web Designer any object can be stuck to any position on the page.

Example (with NavBar and logo stuck to the top, social buttons stuck to the left and a footer stuck to the bottom)

Example 2 (with a scroll and stick NavBar that sticks when it reaches the top) 

Stretching Backgrounds

Website designs with no obvious page boundary are now very popular, and in these sort of designs you'll commonly see a page background that covers the entire browser window and stretches to fill the browser width. In Web Designer you can make any rectangle or image stretch to fill the browser window, either horizontally or vertically.  

Example (the top photo stretches across the whole width)

Extra Widgets (ecommerce, charts, photo sliders)

Web Designer includes a selection of Widgets in the Online Content Catalog for adding more advanced features to your website, including resizeable photo slideshow Widgets to make your site more dynamic, plus a selection of interactive chart and graph widgets.

See examples of the photo slideshow widgets

Plus there's a choice of e-commerce Widgets and a neat 'embed a website' Widget - perfect for embedding blogs, microsites and other sites within your page.

Website presentations

You can easily create web-based 'slide-show' style presentations, that your website visitors can step through using the keyboard arrow keys. Plus you can apply animated transition effects as each step and page is displayed.

See the presentation templates
Example Presentation with transitions

Flash & GIF animation

Web Designer is one of the easiest tools for creating truly efficient Flash animations, which you can export as .swf or add to any page being created in Web Designer.

Advanced graphics features

Web Designer includes many customizable graphic templates of course, and a good set of basic drawing tools, but there's also a range of additional graphic creation tools for those who wish to create their own graphics from scratch. These include freehand and quickshape drawing tools, bevel, mould and 3D extrude.

Other features for power users include support for Retina graphics, embedded fonts (so you aren't just limited to the so called 'web safe' fonts) and direct integration of Google Fonts.