SWITCH TO
POPCRAFT!
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.
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.
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.
- BUILT IN01. A PDF from anywhere
.pdfPages become frames. Paths keep their fills and strokes, text comes in as text layers, pictures as image layers.
- BUILT IN02. A Lottie animation
.json · .lottieA frame with a timeline at the file’s rate and length. Keys, curves, precomps, masks, markers and a dotLottie state machine come across.
- BUILT IN03. Procreate brushes
.brush · .brushsetShape and grain textures, spacing, jitter, scatter, pressure and tilt, mapped onto our brush engine. A set arrives as a group.
- BUILT IN04. A PopCraft file
.popcraftInto this file, or as a new one. ⌘I is the shortcut.
- PLUGIN05. Microsoft Publisher
.pubThe optional Publisher Import plugin from the marketplace. Best effort, through libmspub. There is no .pub export.
- BUILT IN06. SVG artwork
.svgPaste 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.
- NOT YET07. Figma, Sketch, Adobe or Canva files
.fig · .sketch · .ai · .psd · .inddNo importer reads these. Export PDF or SVG from the tool you are leaving, then bring that in.
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.
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 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.
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.
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 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.
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.
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.
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.
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 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 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 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.
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.
MODES, ONE FILE
CLICK!MOTION BUILT IN
SWOOP!CODE COMES OUT
BEEP!A COMMAND FOR EVERYTHING
⌘K!AN AGENT IN THE FILE
PSST!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.
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.
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.
Juggling it all, before and after
| BEFORE THE MOVE | AFTER |
|---|---|
| Screens in one app, motion in another, the brush work in a third | Design, Animate and Draw are modes of one file |
| Export screens, rebuild them on a motion timeline | The frame you designed gets a timeline |
| Lottie lives in the developer’s repo and nobody can edit it | Import it, change it, export it back as Lottie |
| Hand off with a link and a list of measurements | Dev mode, or export the React or Tailwind yourself |
| Teaser video means another app and another licence | MP4 or WebM with sound, from the same file |
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.
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.
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.
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.
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.
SWITCH! YOUR TURN.
Bring your files, keep your shortcuts, know what changes. Free to start, in your browser or on your Mac.