Easel is a visual design tool built for the web. Since the web is viewed in a browser, we believe it should be built in one too.

We've Added CSS Editing

Many of you have asked for the ability to edit CSS directly within Easel. Now you can!

Screenshot of CSS Edit Dialog

This means that you can style your Easel documents using any valid CSS property. While we support the most common CSS properties via the inspector, this feature provides the full power of CSS within Easel.

It’s important to note that stylesheets are applied at the project level. Which allows you to keep styles consistent across all documents in a project. If you want to change the font across all headings in a project, just add an h1 CSS rule rather than clicking on each individual heading and selecting a different font.

If you’d like to style a specific element in each document within a project, just add an element id via the inspector, write the appropriate css rule and then copy that element to any other document in the project. The copied element will maintain the styling of the original and can be changed at any time through the CSS editor.

We’ve put together a short screencast to illustrate how to get started:

This is an incredibly powerful addition to Easel, as it provides both more power for styling a single document and a way to maintain styles across a project. We can’t wait to see how you take advantage of it.