Drama 2.1.4 — Mac version

If you know PaintCode, the vector-to-code tool from PixelCut, Drama comes from the same workshop. It’s their Mac app for prototyping interfaces and building animations—quick visual ideas you can actually play back.

Rosetta-ready on macOS 11.5 and later

Drama 2.1.4 needs macOS 11.5 or later on an Intel Mac. No Apple Silicon native build, but it runs through Rosetta on newer machines.

Sketch out an interface

Drag elements into a canvas, set up states and transitions, then watch your idea move. It’s design work that feels more like tinkering than pushing pixels.

Animate a screen flow

Add timing and easing to keyframes so a sign-up screen or menu change shows real motion, not a flat mock-up. Handy for handing something tangible to a developer.

After flat mock-ups, before Xcode builds

Drama doesn’t replace Sketch or Figma. It sits after the flat mock-up stage, when you want to show how a screen change actually feels. A few designers I know keep it open alongside Xcode—they rough out a transition in Drama, then hand the timing values to a developer.

You can drag a finished animation straight into QuickTime Player as a recording, which is still the fuss-free way to drop a clip into Slack or Keynote. And because it’s a native Mac app, not a web tool, it respects your system’s spell-checker, colour picker, and font book without fussing about plug-ins.

One neat trick: if you’ve already built vector assets in PaintCode, you can bring them into Drama without redrawing anything. The two apps share a shape language, so a button drawn in PaintCode lands on the Drama canvas with its curves intact.

Gatekeeper blocks and a Terminal fix

• Gatekeeper blocks the app after install. The Open Gatekeeper friendly file in the disk image sorts that—open it, press Enter in Terminal, and you’re past the block. You only do it once.
• Crash on launch. Version 2.1.4 fixed a crash triggered by specific installed fonts. If you still see a crash, check Font Book for duplicate or damaged typefaces and remove them temporarily.
• Rosetta stutter on Apple Silicon. Drama is Intel-only, so an M1 or M2 Mac runs it under Rosetta. Complex timelines with lots of layers can judder. Keep your canvas tidy and flatten nested groups when you don’t need them anymore.
• Greyed-out playback controls. Usually means you’ve selected a layer that isn’t animated. Click the root artboard name and the play button lights up again.

Bouncy café-ordering flow from scratch

Say a mate is building a café-ordering app and wants the “add to basket” flow to feel bouncy. You fire up Drama on a quiet Wednesday afternoon.

You open a fresh canvas and drag in three rectangles—a coffee cup, a plus button, a basket icon. Nothing pretty yet. You select the cup, switch to the animation timeline, and add two keyframes: one where it sits at its starting spot, another where it arcs up toward the basket. You pull the easing handle so it’s fast at the start and slows at the end, like a real toss.

Next, the plus button. You want it to shrink and fade. You set its scale to 100% at frame zero, then 30% at frame forty, and drop the opacity to zero at the same frame. Twenty frames later you bring it back full-size, ready for the next tap.

You wire the states together in the prototyping panel—tap the plus, trigger the toss animation, then land on a “basket updated” screen with a little badge count bump. You play it through. The easing feels right. You tweak the timing values to match a snappy iOS spring curve, then record the canvas with QuickTime.

The clip lands in the team chat. Someone replies “proper satisfying, that.” You zip the Drama file and tuck it away in the project folder, ready for the next round of changes. Total time: about twenty minutes, coffee included.

If you’re hunting around for inspiration later, a Drama Mac torrent search sometimes turns up community-made project files—worth a look when you want to reverse-engineer how someone built a particular effect.

• Squashed a crash that hit on app start when some specific fonts were installed.

• macOS 11.5 or later
• Intel processor (Apple Silicon supported via Rosetta 2)