Place graphics and arrange layout objects
Fit images to frames, style objects and keep complex pages organized.
Applies to Design 0.8.0 on doc.et.
Separate the frame from its content#
Place imports a graphic into the layout. A graphic frame defines the visible region; the content has its own fitting and position. Use fitting controls to decide whether the image fills the frame, fits inside it or keeps another placement. Cropping is a layout decision, so check that the important part of the picture remains visible after resizing.
Supported placed graphics include common raster images, SVG, PDF and AI inputs. Format support does not mean that every embedded feature is editable. A placed PDF is not promised as an editable collection of vector objects. Keep the original asset when preparing a publication that may need later changes.
- Use Place to choose a graphic from your device.
- Adjust the frame and apply an appropriate fitting option.
- Review cropping and resolution before exporting the page.
Organize and style objects#
The object tools support geometry, transformation, grouping and stacking. Layers help separate related page elements and control visibility or locking. Fill, stroke, transparency and effects set an object’s appearance. The Links panel reports placed-content relationships, but desktop filesystem relinking is not the same as choosing a file through the browser. Use the current document’s embedded content and inspect any reported missing assets before sharing.
Feature reference
- Graphic placement
- Import images and supported graphic documents.
- Frame fitting
- Control content scale, alignment and cropping.
- Object transforms
- Move, resize, rotate and arrange layout objects.
- Layers
- Organize objects and control visibility or locking.
- Fills, strokes and effects
- Style frame interiors, outlines and transparency.
- Links inspection
- Review the document’s placed-content information.
- Path editing and type on a path
- Use editable paths and path-based typography for specialized layout elements.
- Anchored objects
- Associate supported objects with positions in story text.
Sources and edition notes
Adapted for the browser edition from the pinned Designcraft 0.8.0 source. Upstream documentation may also describe desktop workflows.
- apps/designcraft-web/src/web.rs — Graphics picker types.
- crates/engine/src/cmd/object.rs — Object transforms, fitting and appearance.
- crates/engine/src/cmd/paths.rs — Path geometry operations.
- crates/ui-egui/src/panels/layers.rs — Layer controls.
- crates/ui-egui/src/panels/properties.rs — Object property controls.
- docs/gaps.md — Placed PDF and advanced graphic limitations.
- crates/engine/src/cmd/path_type.rs — Type-on-path commands.
- crates/engine/src/cmd/anchored.rs — Anchored object commands.
Try it in Design
Save your work before leaving the editor. Review the editor overview for file formats and browser limitations.
Open Design ↗