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.

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.

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.

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.