Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

SVG Workflow


In addition to hand-coding and scripting SVG, there are already several ways in which to develop SVG content and associated documents through existing applications. This tutorial has focused on the creation of SVG documents by hand and through Adobe Illustrator, but we have not really discussed how these files can be implemented on the Web and in other applications. Some practical workflow processes around the usage of SVG are discussed here.

SVG and Adobe GoLive

Using Adobe GoLive®, your SVG documents can be inserted into HTML. Future releases of GoLive may allow manipulation of the SVG code, but for now, you can place and script your SVG files with <object> and <embed> tags.

SVG and Microsoft Office

With the SVG ActiveX control, you can also insert SVG into Microsoft Office documents. An ideal application is to replace EPS and other bitmapped files with SVG equivalents. Higher quality, resolution-independent print and display output can be achieved with smaller file size. A potential application is to create an SVG chart in Illustrator and then dynamically generate information driven by data from an Excel spreadsheet, and then displayed in a PowerPoint presentation or Word document.

SVG and FrameMaker

Because Adobe FrameMaker┬« can embed OLE objects, SVG content can be incorporated into FrameMaker documents. As with other applications that work with ActiveX controls, FrameMaker’s embedded SVG is not limited to static content, but can be dynamically interactive and animated.

Additional workflows will undoubtedly develop as more applications support SVG as a standard file format.