Adobe Muse CC

Import SVG

Place scalable vector graphics or use them as backgrounds. (Try it, 7 min)

FromDanielle Beaumont

Requires Oct. 2014 update.

What do I need?

Get files Get sample files to practice with (ZIP, 1.6 MB)

Get PDF Adobe Muse cheat sheet

Add scalable vector graphics to your website designs

Place, or copy/paste vector graphics into your website design and scale them directly in Adobe Muse. Use SVGs as background elements in objects to create images that remain crisp and clear no matter the size of the browser.

To follow along, first open the Muse file and Illustrator files provided in the ZIP download.

Note: Before you begin dragging objects in Adobe Muse hold down the Option/Ctrl key — this will duplicate the object while moving.

What is SVG? (00:10); Place SVG (01:30); Copy/paste SVG (02:24); Use SVG as background element (03:53)

Let us know what you think

That's it! You're done. Please provide feedback in our survey so that we can make sure this tutorial is as useful as possible.

dani-beaumont_83x83

Danielle Beaumont

Dani has been managing innovative applications in the web and design space for more than 20 years. She is currently the Principal Product Manager on Adobe Muse, an application that allows visual designers to build rich HTML and CSS-based web sites without writing any code.