Changelog - Page 3

See the latest product updates for snappify.

🎃 Happy Halloween!

Celebrate and spook away all those bugs using our scary new Halloween templates 👻🧛‍♂️🧟

Head over to the template 👈

Promotion Image showcasing the new Halloween Templates
Promotion Image showcasing the new Halloween Templates

🏛 Templates

The snappify Template Gallery is live! Choose from various handcrafted Design Templates to quickly get started with your next snap. 🙌

We strive to manually extend the gallery and even have plans for opening it up to Community contributions in the future!

Head over to our templates 👈

Screenshot of the new Template Gallery
Screenshot of the new Template Gallery

Wanna stay up-to-date?

Sign up for our newsletter and we'll keep you updated with news about snappify


🔓🟠🟪🔷 Form Elements Tutorial

Our users on the free plan now have unlimited access to form elements. 🙌

On top of that, we also introduced our first tutorial where we explore how we can leverage those form elements. At the end of the tutorial, we have 3 templates (see the image) that you can copy to your dashboard and customize how you like. 😎

Check out the tutorial 👈

Promotion Image for the Form Elements Tutorial
Promotion Image for the Form Elements Tutorial

🔍 IntelliJ Plugin

Promotion Image for the IntelliJ Plugin
Promotion Image for the IntelliJ Plugin

The official IntelliJ Plugin for snappify is now available 🥳 You’re now able to create your snaps directly from your IntelliJ-based IDE.

Check out:


🦸 More free-tier options

Promotion Image showing the new free-tier options
Promotion Image showing the new free-tier options

From now on users on the free-tier are able to create up to 3 snaps (+ one per Integration) on the snappify Dashboard 🥳

We want to give our users more power so they see what they can achieve with snappify 💪🔥

More Shortcuts

Screenshot of the new shortcuts
Screenshot of the new shortcuts

Additionally we also enabled more shortcuts for free users. They come in really handy when using the snappify Editor so be sure to check them out!


🔆 Opacity code highlighting

In the future, we want to unlock more features for our free plan. Today we did the first step and removed the restrictions of code highlighting 🥳.

Additionally, we are happy to introduce the opacity highlighting. Have fun!

Promotion Image showcasing the new opacity code highlighting
Promotion Image showcasing the new opacity code highlighting

⌨️ Disable snapping guidelines

Snapping guidelines is a must for a graphic design tool. But Sometimes you want to position elements freely per drag. Now you can do that! Just hold to disable the snapping guideline.

As part of these changes, we also changed how you can multi-select elements on canvas individually. You can either select multiple elements with Shift-Click or per drag-select.

Elements list improvements

We polished the UI of the elements list (left toolbar) and also improved the UX for better distinction of the hover and selected state to the elements.

In addition to existing elements selection by pressing and click, we also support selecting multiple elements with Shift-Click.

The context menu got new a new option to “Rename” which is the same as double-click on the element. Also, lock/hide options are added, which can be applied on multi-selection.

Promotion Image showcasing the new context menu
Promotion Image showcasing the new context menu

✍️ Rename elements

Screenshot showing how to rename elements
Screenshot showing how to rename elements

Give the element a custom name to keep a better overview. Simply double-click on the label of the element to enter the edit mode. The new name will be saved automatically if you click outside or by hitting ENTER.


🔍 Embedding Support

Promotion Image showcasing the new supported embedding platforms
Promotion Image showcasing the new supported embedding platforms

From now on you’re able to embed your snaps on Hashnode, Medium, or Notion.

Have you ever wanted to embed beautiful code snippets or even more sophisticated code explanations in your technical blog? snappify got you covered 💪

Those embedded snaps are responsive and fully interactive, which means that your viewers can easily copy your code snippets.

Checkout the docs for more information and to see some examples.


🚀 Responsive Embeds

Video showcasing the new responsive embeds

We now support responsive embedded snaps! 🥳

They will shrink in size or be centered depending on the screen size. Now there’s nothing which stops you to embed beautiful code explanations on your own website / blog! 🙌

Checkout the docs for more information.

Screenshot of showing how to enable responsive embeds
Screenshot of showing how to enable responsive embeds

snappify Docs

Screenshot of the new docs
Screenshot of the new docs

The snappify Docs are live! 🥳

It will be a living documentation and is still not finished, but we’re happy that we have released the first version. If you miss anything specific, please reach out to us via chat.

What’s maybe interesting for you, because it was basically hidden until now, is that we now have docs for our Simple Snap API which lets you automate the creation of your snaps!


🖱 Multi-select per drag

Promotion Image showcasing the new multi-select per drag
Promotion Image showcasing the new multi-select per drag

Now you can select elements on the canvas with a simple drag same as you used to with other editing tools.


🌈 Gradient Picker

Screenshot of the new gradient picker
Screenshot of the new gradient picker

A new gradient picker has landed on snappify! 🥳

This means that you now can specify gradient colors on every element color, doesn’t matter if it’s the text color, code editor color, stroke colors, snap background - no limitations! 😄

Hint: easily paste CSS gradient values in the gradient picker to apply them!

Screenshot showing how to paste CSS gradient values
Screenshot showing how to paste CSS gradient values

🔒 👁 Lock & Hide elements

Promotion Image showcasing the new lock & hide element feature
Promotion Image showcasing the new lock & hide element feature

Lock and Hide elements for a better editing experience on the canvas.

Lock: When an element is locked it becomes not selectable on the canvas so you can’t move it unintentionally.

Hide: When an element is hidden it disappears completely from the canvas. This also means snapping guidelines won’t be applied to this element.

However, in both case, you’ll be able to select the element still on the elements list (left toolbar) and change the properties of the element as usual


🙌 Form Elements

Promotion Image showcasing the new form elements
Promotion Image showcasing the new form elements

Various new form elements are now supported! 🥳

Now you can add ellipse (circle), rectangle, and different types of polygon elements to your snaps.

As you can see in the screenshot above, you can also use it for more sophisticated code annotations.


🚀 Ellipse Elements

Promotion Image showcasing the new ellipse element
Promotion Image showcasing the new ellipse element

The first form element - the ellipse - hast just landed in snappify 🤩

Form elements help you to style your snaps in an even more unique way and we want to add more variants in the upcoming weeks!

Hint: press Shift while resizing an ellipse element to create circles.

Auto generated folders

Promotion Image showcasing the new automatically generated folders
Promotion Image showcasing the new automatically generated folders

We introduced “automatically generated folders”.

Every time a snap gets generated via the API or the VS Code Extension, it will be stored in the corresponding folder, so those snaps don’t pollute your Root folder anymore. 😄

Of course you can just move the snaps into any other folder afterwards!


🕹️ Tilting

Promotion Image showcasing the new tilting feature
Promotion Image showcasing the new tilting feature

Now you can tilt the code-editor, rich-text, profile-info and custom image elements. So you can present your snap in an even cooler way 😎. Just play with the control (2) - you will love it.

In case you already know the exact tilting degree, you can activate the manual editing mode where you can put the values into the input fields.


🎛 Rotate Handle

Screenshot of the new rotate handle
Screenshot of the new rotate handle

The snappify Editor now shows you a rotate handle for all elements which can be rotated.

Hint: If you have pressed while rotating, the element will move in 45° steps.


🤖 VS Code Extension

Promotion Image showcasing the new VS Code Extension
Promotion Image showcasing the new VS Code Extension

The snappify VS Code extension is now publicly available! 🥳

Now you can just create snaps from within your IDE - head over to the VS Code Marketplace for usage instructions.


👉 New Arrow Styles

Promotion Image showcasing the new arrow styles
Promotion Image showcasing the new arrow styles

New Arrow Styles have landed! 🥳

You’re now able to create dashed or dotted lines and have the ability to customize the start and end markers of each arrow. It’s also possible to choose now marker at all to just draw a simple line.

Have a look on the right toolbar when selecting an Arrow element to see which customizations are possible.


Create your next presentation

snappify will help you to create
stunning presentations and videos.

Get started-It's free