SVG, Photoshop and Figma

Use Resources → Import Image/SVG Bundle and select one SVG together with its companion CSS, linked images, and local font files. OGraf Studio injects the CSS into the SVG, replaces selected relative image/font URLs with data URIs, removes the external XML stylesheet reference, and registers selected fonts as project font assets. Any unresolved relative URL is reported in the Resources panel. The result remains one portable image asset; Photoshop's rasterized content and arbitrary SVG structure are not decomposed into independently editable studio layers.

MCP clients can perform the same portable import through ograf_import_svg_bundle, or ingest one workspace-confined file through ograf_import_asset. Both tools enforce file and aggregate payload limits before committing one revision-checked asset transaction.

Editable imports

In Resources, use Import editable SVG, Import PSD or Import Figma JSON to retain supported objects as editable layers. Unsupported effects use image fallbacks where available; the import report describes any approximations, including text metrics and flattened nested groups. The Figma interchange uses the downloadable local Figma export plugin. The Pen tool draws editable paths; Combine shapes creates a boolean path while retaining the hidden source shapes for Undo.