Hi there,

We've enhanced our API responses for visual generation with two powerful new properties: edit_url and view_url.

These additions provide direct links to manage and view your generated creatives, streamlining your workflows whether you're building custom integrations or using no-code tools like Zapier, make or n8n!

What's New?

• view_url: This property is now included in API responses when a visual is saved in the Abyssale UI Platform. The view_url provides a direct link to view the generated visual within the Abyssale platform, making it easy to share or quickly check the output of your automation.

• edit_url: The edit_url property is sent when both the view_url is present AND the design used for generation is static. This allows you to jump directly into the ligth editor of the visual to make further modifications to your generated static visual, accelerating your iteration process.

Example of an updated API response:

{
"id": "d980bfe2-1333-4bfa-b6f1-20439b6ut405",
  "version": 1,
  "sharing_id": "824e193a-7c27-4c1f-abbd-95ff20091e6f",
  "edit_url": "https://app.abyssale.com/visual/824f192a-7c27-4c1f-abbd-95ff20091e6f/edit",
  "view_url": "https://app.abyssale.com/designs/f8b0ii53-b55e-4b28-bbb9-2acec847cd71/visual/824e193a-",
  "file": {
    "type": "jpeg",
    "url": "https://production-banners.s3-eu-west-1.amazonaws.com/e0d292f8-ec32-11e9-a539-3c408bf9415"
  }
}

This enhancement is available immediately for all API users and has also been integrated into no-code tools (such as Zapier and Make), allowing you to leverage these direct links in your automated workflows.

Enjoy a more connected and efficient creative generation experience!

Hi there,

We're excited to announce a powerful new feature: Visual Versioning!

This enhancement gives you unprecedented control over the evolution of your generated visuals, allowing you to easily track changes, revert to previous iterations, and maintain a clear history of your creative assets.

What's New with Visual Versioning?

• Automatic Version Creation on Save: From now on, whenever you edit an already generated visual and save your modifications, a new version of that visual will be automatically created. This ensures that no change is ever lost!
• Version History at a Glance: When you view a specific visual, you'll now see a dedicated section on the left-hand menu displaying all its previous versions. This timeline allows you to quickly browse through the visual's history.

• Effortless Reversion: Made a change you regret, or simply want to go back to an earlier design? You now have the ability to revert back to any older version with a single click, making experimentation worry-free.

• Version Indication on Thumbnails: To help you keep track even when browsing, each visual's thumbnail will now clearly display its current version number wherever generated visuals are listed. This includes your "Generated Visuals" page.

Now you can confidently iterate on your designs, knowing that a complete history of your visual's journey is always at your fingertips. Keep trace now of the history of a visual with ease!

Hi there,

Ready to make your animated designs more dynamic and eye-catching than ever? We’re thrilled to roll out a highly-requested feature to your animation toolkit: Layer Rotation!

You can now make any layer text, images, or shape spin, twist, and turn to capture your audience's attention. This adds a whole new level of professional motion to your creative arsenal.

What's New?

• Full Rotational Control: Animate any layer on its central axis. It's perfect for highlighting a logo, creating a "spin-in" effect, or just adding energy to your design.

• Directional Control: Easily choose whether your layer rotates clockwise (right) or counter-clockwise (left) to get the exact effect you're looking for.

• Keyframe & Easing Integration: This isn't just a simple spin! As a full timeline effect, you can use keyframes to define the start and end of the rotation. Combine it with easing functions to create incredibly smooth, accelerating, or bouncing spin effects.

How to Use It?

1. Open one of your animated designs in the Abyssale Design Builder.
2. Select the layer you want to animate.
3. In the right-side panel, go to the "Animation" section and click "Add Effect".
4. Select the new "Rotate" effect from the list.
5. On the timeline, adjust the keyframes, set your rotation direction, and apply your favorite easing function to customize the movement.

This update adds a whole new dimension to your creative possibilities, making your animated banners more engaging and professional. Your animations just got a dynamic new twist. 💫

Hi there,

We've implemented a small but mighty improvement to help you navigate your Abyssale workspace more efficiently! You'll notice two key enhancements to the project list in your left-hand menu.

What's Improved?

• Project Search Bar: No more endless scrolling through projects! We've added a convenient search bar directly above your project list. Simply type in the name of the project you're looking for, and it will appear instantly.

• Enhanced Project List Scrolling: For those with numerous projects, you can now scroll independently within the project list section. This means you'll always have quick access to other important options located below, such as Creative Hub, Approval, Monitoring, and Template Library, regardless of how many projects you have.

These quality-of-life updates are designed to make finding your work and accessing key features faster and more intuitive. Enjoy a smoother experience navigating your Abyssale workspace!

Hi there,

We've rolled out an update to our Dynamic Image feature, introducing Test Mode and Production Mode to give you better control and scalability for your campaigns. This ensures your live integrations run smoothly while giving you a dedicated, manageable space for testing.

Test Mode vs. Production Mode

You can now toggle between two modes for each Dynamic Image URL based on your specific needs:

Choose the mode that matches your workflow: Test for experimentation, Production for live usage.

Important: What This Means for Your Existing URLs

To maintain the performance and stability of your current campaigns, we have automatically moved all your already created Dynamic Image URLs into Production Mode.

What to expect:

• Your active campaigns will not hit a request limit and will continue running smoothly.
• You will no longer see the visuals generated from these links in the "Generated visuals" page of your design (this is to prevent UI overload from high-volume production requests).

How to Change the Mode

If you need to switch a URL back to Test Mode for debugging, follow these steps:
​

1. Go to your project dashboard.
2. Select the design where the Dynamic Image URL is created.
3. In the left menu, click Dynamic Image URL.
4. Toggle Test or Production mode depending on your need.

API Endpoint Update

We've also updated our API endpoint for creating Dynamic Image URLs. You now have the option to specify the mode (Test or Production) at the time of creation. By default, new Dynamic Image URLs created via the API will be set to Test Mode. If you intend for immediate live usage, you can set it to Production Mode in your API call.
​

We believe this update will provide the flexibility and scale required for your most ambitious dynamic content projects!

Hi there,

We've implemented a useful workflow improvement: you can now convert a workspace template into an animated design directly when creating a new design from it within a project.

This update simplifies the process. Previously, adding animation often involved creating a static design and then duplicating it. Now, you can enable animation at the initial step of bringing a template from your workspace into a specific project, which helps streamline your design setup.

What's Improved?

• Direct Animation Option: Enable animation for any workspace template when creating a new design for a project.
• Streamlined Process: Reduces the need for additional steps like duplicating designs just to add animation.
• Convenience: The option to animate is available earlier in the design creation flow.

How It Works

Using this feature is straightforward:

1. Select a Template: Choose a template from your workspace template library to start a new design.
2. Use template: Begin the process of creating a new design from your selected template.
3. Enable Animation: In the "Create Design from Template" modal, you'll find an "Enable animation" toggle. Turn it on.
4. Finalize: Name your design, select its project, and click "Create Design from template."

Your design will then open in the editor as an animated template, ready for your motion effects.

This update aims to make your design creation process a bit smoother.

Hi there,

We're excited to roll out a new feature in the Abyssale Design Editor to help you create flawless visuals, especially for dynamic social media platforms: Safe Zone Overlays!

When designing for platforms like Instagram, TikTok, or YouTube, crucial parts of your visual can often be covered by likes, comments, captions, or platform UI elements. This can obscure important content and diminish the impact of your design. Our new Safe Zone Overlay helps you avoid these "dead zones."

What's New?

• Visual Guidance: Instantly see which areas of your design are safe from being covered by platform overlays.
• Prevent Content Obstruction: Ensure your key messages, branding, and imagery are always visible.
• Format-Specific Display: The overlay intelligently appears only on formats where safe zones are relevant, keeping your canvas clean when not needed.

How to Use It

Enabling the Safe Zone Overlay is quick and easy:

1. Open the Design Editor: Navigate to any of your formats in the Abyssale Design Editor.
2. Access Zoom Options: Click on the zoom percentage dropdown menu in the top right corner of the editor.
3. Enable Safe Zones: In the dropdown menu, simply toggle on the "Enable safe zones" option.

Once enabled, a red overlay will appear on your canvas, highlighting the areas where platform UI elements might obscure your content. Design with confidence, knowing your message will always be seen!

Start designing smarter with Safe Zone Overlays today!

Hi there,

We're excited to introduce a powerful new tool in Abyssale that gives you total control over your animations.

Custom Easing lets you define your own unique motion curves to add acceleration and deceleration to your animated layers, making your transitions feel more dynamic and polished than standard linear movements. This is your chance to create truly branded motion effects.

What's New?

• Tailored to your brand: Move beyond the default presets and create unique animation curves that perfectly match your style.
• Centralized control: All your custom easings are created and managed in the Creative Hub, providing a single place to handle your motion presets.
• Seamless integration: Your custom curves appear in the design editor, ready to be applied to any animation.

How to Use Your Custom Easing

It's easy to start defining your own motion curves and applying them to your designs:

1. Add a new easing: Navigate to the Creative Hub, scroll to the "Manage Easings" section, and click "Add new Easing".
2. Define your curve: Give your new easing a name and set the values for the X1, Y1, X2, and Y2 axes. A preview of the curve will be shown to help you visualize the behavior.
3. Apply to a design: In the Design Editor, you can apply your custom easings to any Slide or Scale animation effect. Just select the layer, add the animation, and choose your custom easing from the list.

You can also edit or delete your custom easings at any time from the Creative Hub.

Ready to bring your animations to life with a custom touch? Start creating today!

Hi there,

We are thrilled to announce a powerful new integration that brings your design and content automation workflows closer than ever:

The Abyssale Plugin for Figma!

This new plugin makes it easy to turn your Figma designs into fully editable templates that can be used directly in Abyssale for scalable and automated content production.

What's New?

The Abyssale plugin for Figma is a game-changer for your workflow. It allows you to:

• Export Figma frames directly to Abyssale.
• Convert Figma layers into editable Abyssale layers.
• Automatically match fonts, supporting Google Fonts and your uploaded fonts from Abyssale's Creative Hub
• Manage assets and reusable elements at scale.

How it Works

The process is straightforward and only takes a few steps to get your design into Abyssale:

1. Install the plugin: Before you can use the plugin, you'll need to add it to Figma. You can find it by searching for "Abyssale" in the "Plugins & widgets" section.
2. Connect your accounts: Link the plugin to your Abyssale account by generating an import key in your Abyssale settings and pasting it into the Figma plugin.
3. Send your design: Open the plugin in Figma, select the main frame of your design, and click "Send to Abyssale".

Your design will appear in your Abyssale account as a new template. To take full advantage of Abyssale's automation, you can replace any imported visual components (like buttons, ratings, or QR codes) with the actual Abyssale components.

Ready to streamline your design-to-template workflow? Dive into the details and start using the plugin today!

Hi there,

We’ve added a bunch of new tools and tweaks to make the Abyssale API faster to work with and way more flexible for personalizing content.

Design Details now includes uid & dynamic_image_url

No more hunting around for the right format or link. You can now grab each format’s unique ID and its Dynamic Image URL (if it exists) directly from the Get Design Details endpoint. Perfect for speeding up automation scripts.

New “Design Format Details” endpoint

Sometimes you only need info about one format, not the whole design. Our new Design Format Details endpoint lets you pull just what you need, faster and cleaner.

Create Dynamic Images via API

Stop creating Dynamic Images manually in the UI — you can now do it entirely via the new Create Dynamic Image endpoint. Generate URLs on the fly and start personalizing immediately.

Text Variables support everywhere

Your designs can now include dynamic placeholders like {username} or {date}. Get the list of available variables via the Design Details endpoints, then fill them at generation time — whether through the API or directly in a Dynamic Image URL. One template, infinite variations.

With these updates, you can work faster, keep your code cleaner, and unlock new levels of personalization for your campaigns. Dive into the docs, try them out, and let us know what you build next.