AppScreenDesign

Migration guide

Migrate App Store screenshots
from Figma or Fastlane.

Keep Figma for product UI and keep Fastlane Snapshot + Deliver for CI/CD—while replacing manual frame duplication, outdated bezels and ImageMagick text clipping in under 10 minutes.

Migration summaryUnder 10 minutes
  • From Figma200+ frames → 1 editable SceneDoc
  • From Fastlane FrameitFramefile.json → REST /v1/ or /mcp
  • CI compatibilityWorks with Snapshot & Deliver

Free plan ($0 forever) · Pro $69/yr · No credit card required

Structured multi-panel AppScreenDesign project replacing manual Figma artboards and Frameit configs
Real renderer. Editable layers.

Before vs after migration

What changes when you switch.

Workflow comparison across Figma artboards, Fastlane Frameit and AppScreenDesign
Release taskManual Figma ArtboardsFastlane FrameitAppScreenDesign Studio + API
Update 1 UI capture across 10 localesPaste into 40–200 duplicated frames manuallyRe-run ImageMagick CLI; inspect clipped linesUpload capture once; updates every bound device & locale
3D hardware & connected panoramasFlat 2D vector mockups or external pluginsFlat 2D PNG bezel overlays onlyReal 60fps WebGL 3D pitch/yaw/roll & cross-panel strips
50-locale text expansion & RTLManual font resizing per language rowStatic Framefile.json keyword/title stringsPer-locale SceneDoc overrides with RTL & CJK line breaking
Store PNG complianceFrequently exports 32-bit RGBA (ITMS-90717)Local Ruby + ImageMagick version driftServer-verified 24-bit RGB PNG & SHA-256 ZIP bundles
CI/CD & AI agent automationManual slice selection & Export AllRuby Gem maintenance on macOS runnersScoped REST API (/v1/) + Remote MCP (/mcp) with $0 AI markup

Practical walkthrough

Move one app release in three clean steps.

Migrate on your next scheduled app update rather than rewriting legacy archives—most teams complete their first multi-locale project in under 10 minutes.

  1. Export raw unframed UI captures

    Pull clean simulator captures from Fastlane Snapshot, Xcode Simulator or unframed Figma UI artboards without baked-in bezels or marketing text.

  2. Bind captures into a 3D or minimal template

    Pick a composition in Studio (or create via REST/MCP), drop your raw captures into slots 1–10, and paste your primary locale headlines.

  3. Add locales & export verified ZIPs

    Clone into your target App Store Connect locales, visually inspect long German or RTL Arabic headlines in seconds, and download compliant 24-bit PNGs.

01

Replace 200 Figma frames with 1 project

Bind raw UI captures once instead of pasting updated screens into 10 panels × 4 device sizes × 15 duplicated language rows on release day.

02

Keep Fastlane Snapshot & Deliver intact

Swap only the brittle middle step (fastlane frameit + local ImageMagick) for AppScreenDesign’s deterministic REST Editor API or Remote MCP Server.

03

Eliminate RGBA & sub-pixel export errors

Every exported ZIP bundle is server-verified as exact store dimensions in 24-bit opaque RGB PNG format—no 1321px rounding or alpha rejections.

Track 1: Migrating from Figma in 10 minutes

Export clean unframed screen captures from your simulator or Figma UI frames at native device resolution. Create a project in AppScreenDesign, choose a 3D or minimal multi-panel template, upload your raw captures, and copy your primary headlines into live SceneDoc text layers. Add your target App Store Connect locales in bulk—each locale inherits your layout while letting you override long German or RTL Arabic lines without detaching components.

Track 2: Migrating from Fastlane Frameit without losing automation

Continue running XCUITest / Fastlane Snapshot to generate localized raw simulator screenshots. Instead of invoking ImageMagick via Framefile.json, call AppScreenDesign’s scoped REST API (/v1/) or connect Claude Code / CI over Remote MCP to upload fresh captures, render 3D titanium scenes on the server, download the SHA-256-verified ZIP, and pass the output folder directly to Fastlane Deliver.

Questions

Before you start.

Do I have to throw away my Fastlane XCUITest screenshot scripts?

No. Fastlane Snapshot is an excellent way to capture raw localized simulator screens. Feed those raw PNGs into AppScreenDesign for 3D framing and typography, then upload with Fastlane Deliver.

Can designers still tweak automated API builds visually?

Yes. Unlike CLI-only framing scripts, every API or MCP project opens in the 60fps browser Studio so designers can nudge camera angles or line breaks visually before final export.

Can I test the migration on the Free plan?

Yes. Free ($0 forever, no credit card) includes the full 3D Studio, template library, 50 locales and Remote MCP testing with watermarked preview exports.

You built the app.
Give it an introduction.

Start with a composition. Keep every detail editable.

Open the editor