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.

Hi there,

We're excited to announce a new update to the Abyssale Creative Hub that gives you more control and consistency over your designs. You can now save and reuse your own custom formats!

This new feature is designed to streamline your design process and help you maintain a consistent look across all your projects.

What's New?

• Save Custom Formats: Easily save new custom formats by defining their name, width, height, and unit of measurement (pixels, inches, or millimeters).
• Team-Wide Access: Once a custom format is saved, it's immediately available to everyone in your workspace.
• Easy Reuse: When creating a new design or adding a format to an existing one, you can simply select your saved custom formats from the "Custom formats" section at the top of the format list.

How to Use It?

1. Navigate to the Creative Hub and click on the "Manage format" section.
2. Add a new custom format with your desired specifications.
3. Click "Save".

This feature allows for greater efficiency and ensures that your team can easily access and use your brand's specific formats, making your workflow smoother than ever. Enjoy this new level of design flexibility!

Hi there,

Have you ever created the perfect visual but couldn't remember which design template it came from? We know that hunting through different designs to find one specific asset can slow you down, especially in large projects.

Today, that changes. We're thrilled to launch a powerful new feature: the Project-Level Generated Visuals Page!

This is your new central hub to instantly access every single visual generated across an entire project, all from one convenient page.

What's New?

• A Bird's-Eye View: Get a complete overview of all generated assets within a project, eliminating the need to check each design one by one.
• Powerful Search & Filtering: Can't find a specific visual? Use the powerful search bar to find it by its filename or ID. You can also filter your view by design type (static, animated, print, etc.) to quickly narrow down your results.
• Unified Management: Just like the existing page within a design, you have full control to view, manage, and delete your visuals directly from this new centralized hub.
• Streamlined Workflow: This feature is designed to save you time and keep your projects organized, allowing you to manage your creative assets at scale with ease.

How to Access It?

1. Navigate to the project you want to view.
2. In the top-right corner of the project page, click the three-dot menu (...) next to the "Approval" button.
3. Select "Generated visuals" from the dropdown menu.
4. You're in! You can now search, filter, and manage all the visuals ever generated for that project.

This update is a major step forward in making project and asset management more intuitive and efficient. Your workflow just got a serious upgrade. 🔎

Hi there,

For everyone building powerful workflows on top of our API, we know that data integrity is everything. That’s why we’re launching a new feature designed to make your automations more robust and error-proof: Mandatory Layers.

You can now designate specific layers in your templates as "mandatory." This acts as a powerful safeguard, ensuring that critical data is never missed during an API generation, preventing accidental generations with placeholder content.

What's New?

• Enforce Required Fields: When a layer is marked as mandatory, our API will require that you provide a new value for it in every single generation call. The template's default value will not be accepted, guaranteeing each visual is populated correctly.
• Clear & Actionable Error Responses: If you attempt a generation without providing data for a mandatory layer, the API will return a 422 error with a clear message, making debugging your integration a breeze.

Invalid parameters: elements.layer_name.payload: Mandatory field is required. Default value is: [default value]

• Programmatic Discovery: You can now easily identify which layers need to be filled. When querying the API for design details, each layer's data will include a settings object with an is_mandatory flag.

How to Use It?

1. Configure the setting in the editor:

• Open your design and navigate to Design Settings on the left.

• Go to the "Layer Configuration" section.
• Select the layer you wish to enforce from the list.
• Enable the option: "Mark Layer as Mandatory (API Generation Only)".
• Save your settings.

2. Implement the logic in your code:

• Query the design details endpoint to check for layers where is_mandatory is true.
• When calling the generation endpoint, ensure you are always passing a new value for each mandatory layer to avoid errors.

This feature is designed to give you more control and confidence when generating visuals at scale. Build smarter, more reliable automations today!

Hi there,

The fallback image is your ad's most critical safety net, it's what users see before the animation loads or if it's blocked. So why settle for the default first or last frame?

We're excited to announce a highly requested update that gives you complete creative control: the ability to set a custom Fallback Frame directly on the timeline! Now you can choose the single most impactful moment of your animation to serve as your static image.

What's New?

• Intuitive Timeline Control: No more hunting through settings! The option to set your fallback is now a simple, visual marker right where you build your animations.
• Drag-and-Drop Simplicity: Simply drag a dedicated keyframe marker on the timeline to pinpoint the exact moment you want to capture. It’s fast, precise, and incredibly easy.
• Choose Your Hero Shot: You now have the power to select the perfect frame—the one with the clearest call-to-action, the most compelling visual, or the strongest branding—as your fallback image.
• Guaranteed Impact: Ensure your ad communicates its message effectively from the very first impression, even before the animation plays.

How to Use It?

1. Open your animated design in the Abyssale Design Builder.
2. Look at the timeline at the bottom of the editor. You will see a new Fallback Frame marker.
3. Simply click and drag this marker along the timeline.
4. Position it at the exact frame you want to use as your fallback image.
5. That’s it! When you export your design as an HTML5 ad, this precise frame will be automatically generated as the fallback.jpg in your ZIP file.

This feature is all about giving you the control to create more effective and professional-looking ads. Your campaigns just got another layer of polish. ✨