Changelog

See the latest product updates for snappify.

Sep 27, 2023

โœ๏ธ Arrow Draw animations

It's now possible to define Draw animations when arrows enter or exit a Slide ๐Ÿฅณ

This can be very helpful for explainer videos or in presentations. Check out the docs for more information.

Video showcasing the Draw animations for arrows


๐Ÿ—‚๏ธ Context Menu

We already provided a context menu on the element tree, but now we also added it to the canvas! ๐Ÿฅณ Now you can easily access the following options by right-clicking for the elements on the canvas:

  • Duplicate
  • Lock and hide
  • Copy and paste style
  • delete

Tip: ๐Ÿ’ก It's also possible for multiple selected elements on canvas at once.

In the future we'll keep adding helpful options to the context menu.

Context menu on the canvas
Context menu on the canvas

โ†”๏ธ Resize Code-editor

Finally, you can resize the code-editor element! ๐Ÿฅณ Like the rich-text element there are 3 different resize modes available.

  • Auto size: Resize automatically to fit the content. (Default)
  • Auto height: Resize automatically to fit the content height. The width will be fixed.
  • Fixed size: Keep its size and the content will be scrollable.

Read more in our docs.


๐Ÿ–ฅ๏ธ Desktop Applications

We've released the first (experimental) version of snappify Desktop for Windows and Apple Silicon Macs. ๐Ÿฅณ

You can download snappify for Desktop right here ๐Ÿ‘‡

Apple Silicon Macs

Windows

If you experience issues or have other improvement suggestions, please join our Discord community.


๐Ÿ’ฅ Say goodbye to boring presentations

We've created a new Promotion Video for snappify!

Check it out ๐Ÿ‘‡


๐ŸŽ๏ธ Edit multiple elements at once

It's now possible to edit multiple elements at once via the right toolbar! ๐Ÿฅณ

Just select the desired elements and you'll see all properties that those elements have in common on the right toolbar. When you edit a property, it will be applied to all selected elements.


๐Ÿช„ Reorder your Dashboard per Drag and Drop

It's now possible to reorder the Snaps and Folders on your Dashboard per drag and drop.

This gives you more flexibility for organizing your Dashboard. ๐Ÿ˜„


๐ŸŽฅ Video Exports

We've just released our new experimental feature: Video Exports ๐Ÿฅณ

Screenshot of the new Video Export option
Screenshot of the new Video Export option

Learn More


๐Ÿ‘ฅ User Stories

Wanna know how our Users leverage snappify? We started to publish User Stories where you can learn more about that! ๐Ÿฅณ

Would you like to share your own story? We'd love to feature it! Just fill out this template to get started.

Screenshot of the user stories overview page
Screenshot of the user stories overview page

๐ŸŽ‰ New Look for our right toolbar

We refactored our right toolbar to make it more compact and easier to use.

Below you can see a video showcasing some of the new changes. Every input element can also be adjusted by dragging on its corresponding icon, which gives you the same experience as the Sliders we had on some of our properties before.


๐ŸŽ›๏ธ More Animation Configurations

It's now possible to configure more aspects of animations in snappify Slides. We added the support for different entry and exit animations, but also let you configure the transition options for each animation.

You're now able to configure the following options:

  • Duration
  • Delay
  • Bounce Intensity
  • Easing
Screenshot of the new animation controls
Screenshot of the new animation controls


๐Ÿ”— Richtext extensions

Exciting news! Our rich-text editor has just been upgraded to include support for links! ๐ŸŽ‰

This enhancement is particularly useful when working on slides, as you now have the ability to add external links. Whether it's a link to a valuable resource, your website, or your social media profiles, you can effortlessly incorporate them into your content.

Furthermore, we've also introduced the ability to format text in italic and underline styles. These additional styling options offer even more flexibility to customize your text and make it stand out.

Richtext inline toolbar with italic, underline and link formatting options
Richtext inline toolbar with italic, underline and link formatting options

๐Ÿ“ Guidelines while resizing

You'll now see Snapping Guidelines while resizing elements on the canvas. This helps you to align elements to each other. You can deactivate them by pressing while resizing.

We now also show a small Size indicator on the top left of the element.


๐Ÿ“ท OpenGraph Images for your Snaps

When you share your snaps on Social Media or other platforms via its public URL, we show a preview image of your snap as the open graph image.

After initially publishing your snaps the OG image will first be generated. You can regenerate it manually at any given time. In the future we'd like to support uploading custom OG images as well.

Showcase of the OG Image setting in the embed modal.
Showcase of the OG Image setting in the embed modal.

๐Ÿ’… Copy and Paste element style

From now on you can copy and paste the style of a code-editor and rich-text element. This is especially useful if you want to quickly apply the same style across multiple elements.

Just open the context-menu with right-click on those elements and select "Copy Style" or "Paste Style".

A code-editor element with the context menu open
A code-editor element with the context menu open

๐ŸŽฌ Video element

snappify has a new Video element which fits perfectly if you e.g. want to show the result or a product preview during a presentation! ๐Ÿฅณ

In first place you can only paste a direct URL to the video from your cloud storage provider. In a later phase we will add the possibility to upload videos directly to snappify.

Promotion image showcasing the new video element
Promotion image showcasing the new video element

๐ŸŒ  Background image

Until now it was only possible to specify either a solid or a gradient color for the background of your snap.

From now on it's also possible to specify an image ๐Ÿฅณ

You can choose from a variety of background images we prepared for you in our library, or upload a custom image.

Before and after comparison of background configuration
Before and after comparison of background configuration

๐Ÿ“ธ Background presets

We've introduced some Presets to easily change the size of your snap to the desired format of well-known social media platforms. We also added three presets for creating Slides in your presentation.

When you choose a preset, the background will enable to keep the aspect ratio, so you can resize it and still keep the desired format. You can toggle off the aspect ratio flag at any time.

Screenshot of the Background Preset popover
Screenshot of the Background Preset popover

๐ŸŒ… Background: Fixed / Auto Size

Additionally we refactored our previous "Spotlight element" logic to a simpler option called Background Auto Size.

Learn more about it in our Documentation.


๐Ÿ’ฌ Inline toolbar & List-items

It's time for another update for our rich-text editor! ๐Ÿฅณ

We've added a new inline toolbar that that appears when youโ€™re editing text. It allows you to quickly format your text alignment, font size, font family, line height, letter spacing and text color.

New! You can now also add bullet and numbered list items. This is a must have for presentations- our brand new feature which is currently in Closed Beta

Promotion image showcasing the new toolbar with example text
Promotion image showcasing the new toolbar with example text

โœจ AI Explanations

It's now possible to create Code Explanations with our AI powered solution!

Just right-click on a selected code and let the AI generate an explanation for you. You can then edit the explanation to your liking.

๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป Teams plan

Now you can collaborate with your team members on a shared workspace. Each team member can create and edit snaps and folders.

The admin of the team can invite new members and manage them.

Currently our team plan includes up to 4 members. In the future, we will add the possibilities to add more members as the demand increases.

Promotion image showcasing the new Teams feature
Promotion image showcasing the new Teams feature

๐Ÿ–ผ๏ธ Code Editor Border

It's now possible to specify a border for code editor elements. This enables even more styles variations for your code snippets. ๐Ÿ˜„

You can find the setting in the right toolbar.

Showcase of the new Code Editor Borders
Showcase of the new Code Editor Borders

๐Ÿค Position Constraint Scale

We've introduced a new Position Constraint called "Scale." When applied, this constraint allows elements to maintain their size relative to the background, which is particularly useful when placing background images and ensuring they cover the entire canvas.

Learn more about the different Position Constraints on our new docs page.

Video showcasing the Scale Position Constraint


๐Ÿ’ก Explain code snippets

It's now even easier to create code explanations with snappify!

Just right click on the selected code in a code-editor element and click the "Explain" option. Checkout the docs for more informations.

Video showing the new code explanation feature


Older entries

Create beautiful images of your code

snappify will help you to create
and manage your code snippets

Start now
Screenshot of the snappify editor

Wanna stay in the loop?

Any questions?
Don't hesitate to ask them! ๐Ÿ‘‡