← Back to PopCraft

SWITCH TO
POPCRAFT!

You have a job half done in another tool and a deadline that does not care. Here is what comes across today, what does not, the detour for the rest, and why your hands will feel at home by Wednesday.
TRY IT FREE →
A PDF from another tool, as pages of layers0:06

A launch post in the editor. ⋯ → Import into this file… picks a PDF, PopCraft’s brand guide. Its three pages arrive beside the post as frames, listed in the layers panel. The second page is zoomed into: its swatches, type specimens and pictures are separate layers, not one flat image.

FIRST, THE TRUTH

Switching tools mid-job is scary

Every design tool says moving in is easy. Then you find out the import is a screenshot in a trench coat, or it only reads files from a tool you never used. So before any pitch, here is the honest list.

PopCraft reads PDF, Lottie (.json and .lottie), Procreate brushes and its own .popcraft files, built in, and SVG pasted or dropped comes in as editable layers. An optional marketplace plugin reads Publisher. And PopCraft does not read Figma, Sketch, Adobe, Canva or Affinity files. No importer, no beta, no “coming soon” promise on this page. For those there is a route that works, and we will walk it.

5
formats built into File → Import
1
marketplace plugin, for .pub
6
modes in one file
⇧⌘?
every shortcut, on one panel
AT THE BORDER

Declare your files

Everything a typical job is made of, and how each piece gets through. Stamped honestly. If your file type is not here, the answer is the last line.

FORM PC-1 · DECLARATION OF FILESNothing to declare? Declare it anyway.
  1. 01. A PDF from anywhere.pdf

    Pages become frames. Paths keep their fills and strokes, text comes in as text layers, pictures as image layers.

    BUILT IN
  2. 02. A Lottie animation.json · .lottie

    A frame with a timeline at the file’s rate and length. Keys, curves, precomps, masks, markers and a dotLottie state machine come across.

    BUILT IN
  3. 03. Procreate brushes.brush · .brushset

    Shape and grain textures, spacing, jitter, scatter, pressure and tilt, mapped onto our brush engine. A set arrives as a group.

    BUILT IN
  4. 04. A PopCraft file.popcraft

    Into this file, or as a new one. ⌘I is the shortcut.

    BUILT IN
  5. 05. Microsoft Publisher.pub

    The optional Publisher Import plugin from the marketplace. Best effort, through libmspub. There is no .pub export.

    PLUGIN
  6. 06. SVG artwork.svg

    Paste the markup, drop the file or use File › Import: it arrives as editable vector layers in a frame. An SVG that will not convert is placed as a picture instead.

    BUILT IN
  7. 07. Figma, Sketch, Adobe or Canva files.fig · .sketch · .ai · .psd · .indd

    No importer reads these. Export PDF or SVG from the tool you are leaving, then bring that in.

    NOT YET
BUILT IN: File → Import, or drop it on HomePLUGIN: one install from the marketplaceDETOUR: it gets in, with a stepNOT YET: export from the old tool first
THE PROJECT

One client job, moved in a week

Let's make it concrete. Say you are halfway through a spring launch for a client: a social post set, a two-page brand sheet, a loading animation the developer already ships as a Lottie, and illustrations you draw with your own Procreate brushes. The client wants a teaser video by Friday. You decide this is the week you move.

Here is the week, day by day. Each step uses a few features together; the links go to the feature pages when you want the detail.

  1. Monday · take stock

    List what the job is made of: screens, a logo, a brand PDF, a loader animation, the brushes you illustrate with. Then check each one against the declaration form above. Most jobs are three or four file types, not thirty.
  2. Tuesday · the documents come over

    Export the old pages as PDF and import them. Every page is a frame of real layers, so you rebuild nothing to make a change. Lift the colours into styles as you go.
  3. Wednesday · the brushes come over

    In Draw mode, Import in the brush library takes your .brushset. Draw a test stroke, nudge size and opacity on the brushes you use most, done. Brushes has the rest.
  4. Thursday · the motion comes over

    The loader your developer already ships as a Lottie? Import it and it plays in Animate. Change the easing, then export it straight back as Lottie. Motion Studio goes deeper.
  5. Friday · ship from the new place

    Hand off in Dev mode, or export the code yourself. Present the deck, publish the page, render the video. Nothing goes back through the old tool. Design to Next.js if that is where it lands.
TUESDAY

PDFs come in as layers, not pictures

This is the workhorse. Almost every design tool can write a PDF, and PopCraft's PDF importer reads it properly: each page becomes a frame, every vector path keeps its fill and stroke, text arrives as text layers, and pictures arrive as image layers.

In the clip, our own three-page brand guide lands beside the Launch set social template through ⋯ → Import into this file… The swatches, the type specimens and the fact sheet are separate layers you can select, recolour and move. Import as new file… does the same into a fresh file, and you can drop a PDF on Home.

The parsing happens in your browser; the drawing is done by the same GPU renderer as everything else. A big, busy document can still need tidying, so check the pages that matter before you promise the client anything.

A PDF from another tool, as pages of layers0:06

A launch post in the editor. ⋯ → Import into this file… picks a PDF, PopCraft’s brand guide. Its three pages arrive beside the post as frames, listed in the layers panel. The second page is zoomed into: its swatches, type specimens and pictures are separate layers, not one flat image.

THE DETOUR

Leaving Figma, Sketch, Adobe or Canva?

We do not read their files. Rather than fake it, here is the route that works with what ships today:

  1. Export PDF from the old tool

    Most design tools can export pages or frames as PDF. Check the export options in yours. A PDF keeps vectors and text, which is what we want.
  2. Import it into PopCraft

    ⋯ → Import as new file…, or drop it on Home. Pages become frames of layers.
  3. Bring single icons as SVG

    For an icon or a logo, copy it as SVG or export the file. Paste it, or drag it onto the canvas, and its paths arrive as editable layers you can recolour on the spot.
  4. Rebuild the system, not the pages

    Components, styles and variables do not travel through a PDF. Turn the repeated bits into components and the colours into styles once, and every page after that is faster than in the old tool.
THURSDAY

Lottie: the motion you already ship

If your team ships animations as Lottie, they come home with you. Import a .json or .lottie file and it becomes a frame the size of the animation, with a timeline at the file's frame rate and length. Switch to Animate and press Space: it plays.

Keys stay keys. Bezier easing stays a curve, a hold stays a hold, a curved motion path stays a path. Precomps become clipping frames, parenting is kept, masks and track mattes become masks, and a dotLottie's first state machine becomes the frame's state machine.

What has no counterpart (expressions, layer effects, repeaters, merge paths, time remapping, inverted mattes, 3D layers) is listed when the import finishes. Then edit it, and export it straight back out as Lottie for the developer.

A Lottie you already have, playing in Animate0:07

A launch post in the editor. ⋯ → Import into this file… picks badge.json, a Lottie of a gradient star moving on a curved path over masked stripes. It lands on the page as a frame with its own timeline; Animate opens it and Space plays the keys that came across.

YOUR HANDS ALREADY KNOW

The shortcuts carry over

The single-letter tools and the ⌘ combos are the ones you have used for years. On Windows and Linux, ⌘ is Ctrl. A key belongs to the current mode, so B is the brush in Design and the pencil on a pixel canvas.

V
Move
R
Rectangle
O
Ellipse
T
Text
P
Pen
F
Frame
I
Eyedropper
Space + drag
Pan
⌘D
Duplicate
⌘G / ⇧⌘G
Group / ungroup
⌘] / ⌘[
Forward / backward
⇧⌘E
Export the selection
⌘1 / ⌘0
Fit / 100%
⇧⌘?
Every other key
R, ⌘D, ⇧→: on a real template, nothing to relearn0:06

A launch post. R draws a rectangle, Command-D duplicates it and Shift-arrow nudges the copy 10 pixels at a time, twice over. Then Shift-Command-? opens the shortcut cheat sheet along the bottom.

⇧⌘? opens every key, grouped0:06

The editor with a launch post. Shift-Command-? opens the keyboard shortcuts panel along the bottom, grouped by what they do: Essential, then View, Edit and Arrange are picked in turn. Escape closes it.

WEDNESDAY

Brushes, and everything else in the bag

Illustrators lose the most when they switch, because a brush is years of tuning. In Draw mode, the brush library's Import takes a single .brush, a whole .brushset as a group, or a PopCraft .json brush. Shape and grain textures come across, and the settings map onto our engine: spacing, jitter, scatter, size and opacity curves, pressure and tilt, wet blending.

It is a translation. Expect to nudge size and opacity on the brushes you use daily, and know that Procreate settings with no equivalent are dropped rather than faked. Imported brushes live in your library, not in one file, so they follow you everywhere, and follow your account once you sign in.

A .brushset arrives as a group0:05

A comic page in Draw mode with the brush library open. Import takes a .brushset, Inking Kit, and its three brushes come in as a group in the library. One is picked and a stroke is drawn with it.

A Publisher job, by way of its PDF0:05

A launch post in the editor. ⋯ → Import as new file… opens the file picker and a PDF (PopCraft’s brand guide) is picked; it opens as a new file with its pages, text and pictures as layers — the PDF round-trip for a document Publisher itself exported.

A .popcraft file into the open one0:03

A launch post. ⋯ → Import into this file… opens the file picker, and a .popcraft file (a quote card) is picked: its pages and layers come into the open document. A plugin’s importers are offered on this same path, beside the built-in formats.

Coming from Microsoft Publisher? Install the optional Publisher Import plugin from the marketplace and .pub files open through the same Import menu. It is best effort, built on the open source libmspub; for a stubborn document, export PDF from Publisher and import that. Master pages, threaded text, mail merge, bleed and crop marks are all here waiting. See Migrating from Publisher.

WHAT IS DIFFERENT

It is not the old tool with a new logo

A few things work differently here on purpose. Know them on day one and they stop being surprises.

WEBGPU, ALL THE WAY

Every pixel on the canvas comes from one WebGPU renderer, and exports use the same one, so what you see is what lands in the file. It runs in recent Chrome, Edge and Safari, and there is a Mac app.

MODES, ONE FILE

Design, Draw, Animate, Prototype, Dev and PopCorn are modes of the same document, not separate apps. The poster, its animation and its prototype are the same layers.

MOTION BUILT IN

Any frame can have a timeline. Keyframes, curves, presets, compositions with audio, and export to MP4, WebM, GIF or Lottie. No round trip to a motion app.

CODE COMES OUT

Dev mode shows measurements and CSS, and designs export as CSS, HTML, React, Tailwind, SwiftUI or Compose.

A COMMAND FOR EVERYTHING

⌘K finds any command by name, including every export. If you forget where something lives, type it.

AN AGENT IN THE FILE

⇧⌘J opens an agent that edits the document with the same commands you use, SVG import included.
Modes and panels, in one tour0:13

A landing page open in the editor. The mode row in the top bar is clicked through Draw, Animate (a timeline opens along the bottom), Prototype and Dev, then back to Design. Command-scroll zooms toward the pointer and Space-drag pans; Command-1 fits the page again. Clicking a section selects it and the inspector on the right shows its position, size and fills. Right-clicking the rectangle in the bottom toolbar opens its group of related tools.

Dev mode: inspect and hand off0:06

A landing page in the editor. Dev in the top bar switches to the read-only handoff view. The hero’s button is clicked: the inspector shows its size, colours and type, and the CSS for it. With the button selected, the pointer rests on the headline above and the distance between the two is drawn on the canvas.

⌘K, then “export”: every way out0:03

A landing page in the editor. Command-K opens the command palette and export is typed: the list narrows to every export route — PNG, SVG, PDF, video, Lottie, web code and the rest. The arrow keys move down the list, and Escape closes it.

FRIDAY

Juggling it all, before and after

BEFORE THE MOVEAFTER
Screens in one app, motion in another, the brush work in a thirdDesign, Animate and Draw are modes of one file
Export screens, rebuild them on a motion timelineThe frame you designed gets a timeline
Lottie lives in the developer’s repo and nobody can edit itImport it, change it, export it back as Lottie
Hand off with a link and a list of measurementsDev mode, or export the React or Tailwind yourself
Teaser video means another app and another licenceMP4 or WebM with sound, from the same file
NO LOCK-IN

Leaving is as easy as arriving

Switching is less scary when the door swings both ways. Per layer: PNG, JPG, WebP, SVG and PDF. For motion: GIF, MP4, WebM, PNG sequences and Lottie. For slides: PPTX. For developers: code in six flavours. And the whole file as .popcraft JSON, plus pages bundled into a ZIP.

Motion back out as Lottie0:06

The Payment success Lottie template in Animate. Space plays it: the card flips and the tick draws on. The export button in the transport bar opens Export animation, where Lottie is picked as the format.

A design out as React0:10

The website template with its Landing screen selected. The web export is opened and React is picked; Export downloads one .tsx file. The component is then compiled and rendered in a page of its own: the landing page shows, and clicking Pricing goes to the pricing screen.

TRY IT ON ONE JOB

Move one project, not your whole life

Pick a small live job. Export its pages as PDF from wherever they are now, import them, and finish the job here. If it works, move the next one. The shortcuts and the editor tour are short reads for the first evening.

ASKED & ANSWERED

Questions, answered

Can I import a Figma file?

No. PopCraft has no importer for .fig files, and no importer for Sketch, Adobe (.ai, .psd, .indd), Canva or Affinity files either. The route that works today: export PDF or SVG from the tool you are leaving, then import that. A PDF arrives as frames of editable layers. Anyone can also write an importer as a plugin.

Will my PDF come in editable, or as a picture?

Editable. Each page becomes a frame; vector paths keep their fills and strokes, text arrives as text layers and pictures as image layers. Very complex documents can need some tidying, so check the pages you care about.

What happens to an SVG I paste?

It becomes editable vector layers. Paste the markup (copied from another tool as SVG or as text), drop an .svg file on the canvas, or use File › Import: each lands in its own frame, selected, as one undo step. The importer keeps paths, shapes, groups, fills and strokes, gradients, text, transforms, masks, blur and drop shadow; patterns become a solid colour, and markers and text on a path are skipped. An SVG that cannot be converted, like a huge photo wrapped in SVG, is placed as a picture instead.

Do my Procreate brushes really work?

Yes: .brush files, whole .brushset sets, and PopCraft brushes exported as .json. The shape and grain textures and most settings map onto our engine. It is a translation, not a copy, so expect to nudge size and opacity, and settings with no equivalent are dropped.

Which Lottie features do not come across?

Expressions, layer effects, repeaters, merge paths, time remapping, inverted mattes and 3D layers. The import lists anything it could not carry when it finishes, so nothing goes missing quietly.

Can I get my work back out if I leave?

Yes. PNG, JPG, WebP, SVG and PDF per layer; GIF, MP4, WebM and Lottie for motion; PPTX for slides; code as CSS, HTML, React, Tailwind, SwiftUI or Compose; and the raw .popcraft JSON. Bringing it in is one way; taking it out is every way.

Is PopCraft affiliated with Figma, Adobe, Procreate or Microsoft?

No. Those names are their owners’ trademarks. We mention them only to say which of their file formats we can read.

THE MANUAL, FOR THE DETAILS

SWITCH! YOUR TURN.

Bring your files, keep your shortcuts, know what changes. Free to start, in your browser or on your Mac.

OPEN POPCRAFT →