Animations, auto-saved versions, new components & more

Starting the year with more motion, control, and productivity.

The New Year comes with a lot of presents 🎅 Here’s what we’ve been working on:

🎬 Animations

Recently, we implemented native support for Rive and Lottie animations, but we’ve had a slight feeling that something was missing. Now you can add even more motion to your projects and build keyframe animations without leaving the Studio!

Plasmic also provides animation presets for common animations like fade in, slide out etc. that you can import from the Assets → Animations tab to use in your project.

Creating a new animation is similar to creating style presets. Think of an animation as multiple style presets spread over time that transition from one to another, with each preset being a keyframe.

Learn more about Plasmic animations in our docs.

💾 Auto-saved versions

Messed something up? You are now able to access auto-saved versions of your project as you design, so you can browse your history and restore it at any point in time — up to 50 latest versions, stored indefinitely. Think of it as a safety net for your creativity.

🎨 Copy + Paste styles

Speed up your workflow with style copying. Select an element, copy its styles, and paste them onto any other element. Perfect for maintaining consistency across your designs without repetitive clicking.

• Use Ctrl+Alt+C hotkey to copy styles (⌘+⌥+C for Mac)

• Use Ctrl+Alt+V hotkey to paste styles (⌘+⌥+V for Mac)

Design units and dimensions updates

🧮 Support for calc() and other CSS functions

Power users, rejoice! You can now use CSS calc() expressions directly in style values. Create dynamic, responsive layouts with calculations like calc(100% - 32px ) right in the design sidebar.

📐 Flex Grow/Shrink > 1

Need more precise control over how elements share space? We now support flex-grow and flex-shrink values greater than 1, giving you finer-grained control over your flexbox layouts.

📏 Aspect ratio

Lock your elements to specific aspect ratios (16:9, 4:3, 1:1, or custom). Perfect for images, videos, cards, and any content that needs to maintain proportions across screen sizes.

Quality of life updates

🔄 Replace a page link with the new page

Easily swap out an existing page with a new one while preserving your URL structure and page settings. Great for redesigns and A/B testing.

To use this functionality:

1. Go to the navigation dropdown at the top

2. Right-click the context menu of a page

3. Select Replace all links to this page with... and a page you want to point to

💻 New CLI command: plasmic status

Run plasmic status in your terminal to quickly check the sync status of your project—see what’s out of date, and which packages can be updated.

🍪 Cookie banner component

Stay compliant with privacy regulations using our new cookie banner component!
It’s a built-in solution that offers a simpler, GDPR-compliant, and highly customizable alternative. Under the hood, we use the open-source vanilla-cookieconsent package for cookie management. All features from this package are available and configurable in Plasmic Studio.

Learn more in our documents, or see how we configure it and go through each setting on our recent live stream.

Learning materials and events updates

🏆 New Plasmic levels

We’ve added new levels to help you master more of what Plasmic can do!

Complete these to level up your skills:

• Animations

• Element Variants

• Translations

• Comments

• Global Variants

• Varianted Tokens

• Token Overrides

• Importing from HTML

• Using Rive Animations

• Using Lottie Animations

Start playing now and unlock your full potential!

🎊 Plasmic Project Jams

Project Jams are live events where we build real projects together, share tips, and learn from each other.

📺 Check out the latest jam on YouTube

Got a tricky feature you’ve been putting off, or wanted to learn how to build something more complex than usual? Let’s tackle it together—live!

Think of it as a pair programming session—you bring the problem, and we bring some of our Plasmic knowledge and visual development vibes.

All you need is:

• Willingness to share your project on the stream, in public

• Desire to help others learn from your challenges

• A little courage

Who’s in? Feel free to reach out to us via email or Slack and request to join!

🤝 Join our community

Stay in the loop and connect with fellow creators. Join our forum at forum.plasmic.app and Slack at plasmic.app/slack.