Skip to main content
SHOWCASE

What can you build with Ydesign?

Ydesign is an SDK, not a SaaS — it helps you build your own design editor. Below are common scenarios where Ydesign solves real problems for you.

Real stories are on the way
Ydesign is in public preview. If you've built something with Ydesign, submit it — we'll feature it here with a link back to your product.
Submit your project
🎨

Social media poster tool

📖 Scenario

Users swap copy / colors / hero on a poster template and export multiple sizes in one click.

😣 Pain points
  • Canva-like SaaS is pricey and hosts assets on their servers — privacy concerns
  • Homegrown canvas editors are painful (undo/redo, fonts, export fidelity)
  • Need batch multi-size exports per platform
✨ How Ydesign helps
  • ✨ Full UI out of the box — up and running in about an hour
  • ☁️ Cloud Render API for batch export in one request
  • 🎯 Wire assets / fonts / templates to your own backend
👕

T-shirt / phone-case self-serve design

📖 Scenario

A “Design it yourself” button on a PDP opens a canvas for text and uploads; checkout produces print-ready high-res PNG.

😣 Pain points
  • Must stay stable inside WebViews (mobile gestures)
  • Export needs transparent background + ~300 DPI print resolution
  • Must sync with orders — designs save and reopen faithfully
✨ How Ydesign helps
  • 📱 Built-in mobile breakpoints and gestures
  • 🖨️ Transparent BG + 4× multiplier exports straight to the print shop
  • 💾 store.toJSON() saves the design; reopen without drift
📚

Book / album cover design online

📖 Scenario

Publishers and indie creators finish cover flat designs in the browser with a live 3D mockup, then send to print.

😣 Pain points
  • Flat design must match the 3D mockup WYSIWYG
  • Bleed, CMYK, and DPI are easy to get wrong
  • Font differences break print vs screen preview
✨ How Ydesign helps
  • 👁️ reaction + multiplier: 0.3 for smooth live preview
  • 📏 Built-in bleed + unit conversion (mm / in / pt / px)
  • 🔤 Font consistency guide + server normalization tips
🪪

ID photo / smart cutout app

📖 Scenario

Upload a casual photo, pick inch/passport size; AI removes background, fills color, crops to spec, then download to print.

😣 Pain points
  • AI cutouts still need manual edge fixes
  • ID size rules vary widely by country
  • Export should include print guides / imposition
✨ How Ydesign helps
  • 🎯 AI inpaint (brush / rect / lasso) to fix cutout edges
  • 📐 Built-in ID photo panel with common sizes
  • 🖨️ Cloud Render API supports imposition exports
🏢

Internal marketing asset platform

📖 Scenario

Brand / marketing / HR produce marketing art daily with few designers. Designers prep templates; business users only swap titles / dates / avatars and self-serve export.

😣 Pain points
  • Designers make 10 templates; business ships 1000 assets
  • Brand elements (color, fonts, logo) must stay locked
  • Must integrate internal DAM / SSO / permissions
✨ How Ydesign helps
  • 🔒 Element lock (LockHandler) for critical design protection
  • 🧩 Side panel / toolbar fully replaceable with internal components
  • 🔌 setBaseURL / setAPI to your own backend
🤖

AI batch asset generation

📖 Scenario

E-commerce ops fill a sheet with SKU names and selling points; the system merges templates into thousands of product images for listing.

😣 Pain points
  • Manual throughput ~50 images/day — doesn’t scale
  • Need server-side generation, not ops exporting one-by-one
  • Custom brand fonts inside the images
✨ How Ydesign helps
  • ☁️ Cloud Render /api/render/image is batch-native
  • 🔤 Declare fonts by URL in the request body
  • ⚡ Up to 8× multiplier — enough for print and e-com
📱

Campaign / landing-page share images

📖 Scenario

Ops generate a share image while launching a campaign page via Ydesign Button iframe — one script on H5, no backend rewrite.

😣 Pain points
  • H5 stacks vary wildly; want an editor without a rewrite
  • Campaigns are short-lived — integration cost must stay tiny
  • Only need “make one image + save”, not a full editor UI
✨ How Ydesign helps
  • 🚀 Ydesign Button — one <script> popup integration
  • 🧩 Trim panels with the sections param
  • 💨 onPublish callback returns the image on “Done”
📦

Packaging / label design

📖 Scenario

White-label sellers perfect SOP: pick box → pattern → drag logo → barcode/QR → print; factory produces from JSON.

😣 Pain points
  • Barcodes / QR need to stay editable and regenerate live
  • Multi-SKU batch generation — not one canvas at a time
  • Printers need JSON + high-res PDF
✨ How Ydesign helps
  • 🔲 Barcode / QR demos (svgToURL + custom fields)
  • 📦 sceneHandler.importFromJSON for batch template load
  • 🖨️ Cloud Render API for print-grade images
✍️

Certificates / contract issuance

📖 Scenario

Training orgs issue certificates; rental platforms issue e-contracts: fixed templates, personalized PDF batch, optional online signature.

😣 Pain points
  • Templates must swap name / date / ID dynamically
  • Handwritten signature + PDF archive
  • Issued files should resist tampering
✨ How Ydesign helps
  • 🖊️ Signature demo (react-signature-canvas)
  • 📄 A4 + unit conversion straight to PDF print
  • ☁️ Cloud Render batch on the server, not the client
📊

Online PPTX editing

📖 Scenario

Enterprise training / education / sales tools as “PowerPoint on the web”: import .pptx → edit by page → export .pptx or present — no Office install.

😣 Pain points
  • Native PPT is heavy, costly to install, inconsistent across platforms
  • Collaboration: PPTX files overwrite each other on shared drives
  • Travel / mobile edits need a laptop nearby
✨ How Ydesign helps
  • 📚 Multi-page (SceneHandler) maps cleanly to slides
  • 🔌 PPTX parse/export via extension Handlers
  • 📱 Built-in mobile breakpoints — edit PPT on phone

Got an idea? Just start building.

Every scenario above can ship its first interactive version in a day. Start from the overview, or jump straight to the demos.