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. ✨

Hi there,

Get ready for crisper, faster, and more professional HTML5 ads. We're excited to introduce a game-changing update for your ad exports: the ability to render text layers as SVG!

Say goodbye to pixelated text and bulky files. This new option embeds your text as scalable vector graphics directly within your HTML5 ad package, ensuring your message is always sharp and your file size stays lean.

What's New?

• Crystal-Clear Quality: By exporting text as inline SVG, it remains perfectly sharp and readable on any screen, at any resolution. No more blurry headlines or calls to action!
• Optimized for Performance: Vector text can often be significantly smaller in file size than a traditional image (like a JPG or PNG), helping your ads load faster and easily meet the strict size requirements of platforms like Google Ads.
• Set-and-Forget Workflow: Define your text rendering preference once in your design settings, and every future HTML5 export will automatically follow that rule.

How to Use It?

This powerful option is now available in your design's export settings.

1. Open your design
2. Navigate to Design Settings
3. Go to the "HTML5 Export" section.
4. Enable the toggle for "Render text as SVG".
5. Save your changes.

That's it! From now on, every HTML5 ad you export from this tdesign will automatically be generated with high-quality SVG text.

This update gives your ads a significant quality boost, ensuring they look professional and perform brilliantly. Your HTML5 exports just got a major upgrade. ✨

Hi there,

Tired of inconsistent capitalization in your automated visuals? We’ve got the perfect solution. Introducing our latest update: Automatic Text Case Transformation!

This powerful new feature gives you full control over your typography, ensuring perfect brand consistency across every single design you generate. Now, you can set a text or button layer to be uppercase, lowercase, or title case directly within the editor, and we’ll handle the rest.

What's New?

• Set-and-Forget Formatting: Choose from Uppercase, Lowercase, or Title Case in the text panel. This setting is saved directly into your design.
• Automatic Generation Magic: When you generate visuals using any generation methods, our system will automatically convert your input text to match the case you selected. If your spreadsheet says "hello world" but your design is set to Uppercase, it will automatically appear as "HELLO WORLD".
• Total Brand Consistency: This is perfect for campaign headlines, product names, or calls to action. Ensure your branding rules are followed flawlessly, no matter the source data.

How to Use It?

1. Open your design in the Abyssale Design Builder.
2. Select the text layer you want to format.
3. In the right-side panel under "Text" settings, you’ll see the new "Case" options.
4. Simply select your preferred case (e.g., Uppercase).
5. That's it! Your choice is saved.

This update is all about removing friction from your workflow and giving you more creative control. No more manually cleaning up spreadsheets or worrying about inconsistent text. Your automated design process just got a whole lot smarter. ✨