Overview

CreativeEditor SDK (CE.SDK) lets you enrich your designs with stickers and shapes—two flexible building blocks for visual creativity.

• Stickers are multi-color, multi-path graphics typically used for icons, emojis, logos, and decorative elements. Stickers cannot be recolored once imported.
• Shapes are customizable graphical elements—such as rectangles, circles, and polygons—that you can freely recolor and adjust.

You can create, edit, and combine stickers and shapes either through the CE.SDK user interface or programmatically using the API.
Both elements play essential roles in designing layouts, enhancing branding, and creating marketing graphics.

Launch Web Demo Get Started

Stickers vs. Shapes: Key Differences

Category	Stickers	Shapes
Color Editing	Not recolorable after import	Fully recolorable
SVG Support	Multi-color, multi-path SVGs supported	Single-color, single-path SVGs only
Canvas Behavior	Movable, resizable, rotatable	Movable, resizable, rotatable, recolorable
Use Cases	Icons, brand logos, emoji, detailed graphics	Graphical elements, backgrounds, visual framing

When deciding between the two:

• Use a sticker when you need detailed, multi-colored artwork that remains fixed in appearance.
• Use a shape when you want design elements you can recolor, style, and adapt dynamically.

Built-In Stickers and Shapes

CE.SDK offers a library of default assets to help you get started quickly.

• Default Stickers: Common categories such as emojis, badges, symbols, and decorative graphics.
• Default Shapes: Predefined types including rectangles, circles, polygons, stars, and custom paths.

These assets can be inserted directly through the UI or dynamically via the API.

Custom Stickers and Custom Shapes

You can also import your own vector sticker and shape assets into CE.SDK:

• Custom Stickers:

  • Supported file type: SVG.
  • Stickers can contain multiple paths and colors.
  • Once imported, stickers behave like regular sticker assets but cannot be recolored.

• Custom Shapes:

  • Supported file type: SVG.
  • Must consist of a single path and single color.
  • Shapes can be recolored, resized, and customized after import.

Be mindful of these structural differences when preparing your SVG files.

Editing Stickers and Shapes

Once added to a scene, both stickers and shapes are fully interactive on the canvas.

• Editable properties for shapes:

  • Fill color
  • Stroke color and width
  • Border radius (for certain shapes like rectangles)
  • Opacity
  • Rotation
  • Scaling

• Editable properties for stickers:

  • Size
  • Rotation
  • Opacity
  • Note: Stickers cannot have their colors changed after import.

Both types of elements can be manipulated manually via the UI or programmatically through the CE.SDK API.

Combining Stickers and Shapes

CE.SDK allows you to combine multiple stickers or shapes using boolean operations to create new, complex designs.

• Combine: Merges all selected elements into a single new shape.
• Subtract: Removes the top element’s area from the bottom element.
• Intersect: Keeps only the overlapping area of all selected elements.
• Exclude: Keeps only the non-overlapping parts, removing the intersections.

These operations allow you to:

• Create custom compound shapes.
• Subtract logos or icons from backgrounds.
• Design intricate, multi-part layouts from basic elements.

After combining, the resulting object behaves like a standard shape or sticker and can be resized, rotated, or styled according to its type.

Working with Cutouts

Cutouts—also called cutout lines—define the outline path around an object, often used for printing applications like custom stickers or die-cut designs.

In CE.SDK:

• You can create cutouts around shapes or stickers.
• Cutouts help in generating accurate printable paths or previewing how a sticker would be physically cut.
• Cutouts are set in a specific spot color to control advanced print & cutting workflows.

Cutouts are an essential tool when preparing designs for production or physical printing workflows.