Latest News from the Abyssale team
Update
API
Design Settings

Build Foolproof Integrations: Introducing Mandatory Layers for the API!

Guillaume avatar
Shared by Guillaume • July 30, 2025

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!

Update
Design Editor

Perfect Your First Impression: Introducing Custom Fallback Frames!

Guillaume avatar
Shared by Guillaume • July 29, 2025

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

Update
Design Settings

Level Up Your HTML5 Banner Ads: Now with Razor-Sharp SVG Text!

Guillaume avatar
Shared by Guillaume • July 28, 2025

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

Update
Design Editor

Your Designs, Your Rules: Master Your Typography with Text Case Transformation!

Guillaume avatar
Shared by Guillaume • July 28, 2025

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

Update
Abyssale Intelligence (AI)
Design Editor

Level Up Your Image Editing: Introducing the AI Eraser!

Guillaume avatar
Shared by Guillaume • July 11, 2025

Hi there,

Get ready to transform your images with our latest, most intuitive update yet! We've just launched the

Abyssale Intelligence (AI) Eraser, a powerful new feature designed to help you effortlessly remove unwanted objects, logos, or details from your images with precision and ease.

The AI Eraser is now available in the Design Builder, bringing you a precise, fast, and intuitive way to clean up your visuals.

What's New?

  • Intelligent Object Removal: Simply brush over any unwanted element, and our AI will analyze the area, intelligently replacing it with matching background content. No manual editing needed!
  • Perfect for Any Use Case: Whether you're cleaning up product photos, removing text or logos from reused assets, or hiding distracting background elements, the AI Eraser is your go-to tool.
  • Non-Destructive Editing: Experiment freely! Your original image remains untouched until you confirm your edits.

How to Use It?

  1. Open your design in the Abyssale Design Builder.
  2. Select the image layer you want to edit.
  3. Click on "Modify with AI" in the right-side panel.
  4. In the modal, select "Remove Object (Eraser)".
  5. Brush over the object you wish to erase and click "Erase" to apply.

Each erase action uses 1 AI credit, so make sure to refine your selection to optimize your usage.

This update gives you unparalleled control over your image assets, making your creative workflow smoother and more efficient. Your images just got an upgrade! ✨

Update
Workspace

Stay in Sync: Real-Time Comments & Notification Revamp

Guillaume avatar
Shared by Guillaume • June 27, 2025

Hi there,

We’ve just shipped some exciting updates to boost your collaboration flow and keep you in the loop — without needing to refresh your page.

What’s New?

🔁 Real-Time Comments in the Sharing Page
Comments now update live in the sharing interface.
Whether someone creates, replies to, or deletes a comment thread — you’ll see it instantly. No need to refresh the page. Collaboration just got smoother.

🔔 Brand New Notifications Menu
We’ve redesigned the Notifications UI to make it easier to track activity. You can now filter by type (Comments, Approvals, Generations) and quickly jump into context.

🗨️ New Types of Notifications
You’ll now receive notifications for:

  • New comment on a design
  • Response to your comment or thread

How to Use It?

Just open the Notifications menu (top right) or visit a Sharing page to see it in action. Everything syncs in real-time.

Faster feedback. Better teamwork. More magic. ✨

Update
Quick Generation
Spreadsheet
Design Editor

New Text Editing Power: Kerning, Styles & Code Mode

Guillaume avatar
Shared by Guillaume • June 27, 2025

Hi there,

We’ve just rolled out powerful new text editing improvements that give you more precision, flexibility, and control when working in Quick Gen, Spreadsheet, or the Design Editor.

What’s New?

  • Kerning Control in the Design Editor
    You can now adjust letter spacing (kerning) directly in your designs for extra precision and polish. Ideal for fine-tuning text layouts.
    👉 Learn how to use it
  • Default Styles in Text Inputs
    When filling in text or button fields in Quick Gen or the Spreadsheet, the input now reflects the actual text decorations (color, underline, superscript, etc.) by default—making it easier to visualize your result instantly.
  • New Code Mode for Rich Text Fields
    Need more control? Switch to Code mode to view and edit text decorations via markup. Perfect for power users who want to apply or adjust styles like kerning, bold, or nested formatting directly in the input.

How to Use It?

In any rich text input (Quick Gen or Spreadsheet), simply toggle the switch to move between Visual and Code mode. All edits are synced automatically.

This update brings more flexibility to both casual users and advanced creators alike—your text game just got an upgrade! ✍️

Update
Quick Generation

Smarter Forms with New Layer Behavior Configuration

Guillaume avatar
Shared by Guillaume • May 07, 2025

Hi there,

We're excited to introduce a brand-new capability that puts even more control in your hands when generating creatives from Quick Generation forms:

Dynamic Layer Behavior Controls
You can now fully tailor how each layer behaves—making your forms more intelligent, flexible, and brand-consistent.

What’s New?

  • Show/Hide Layers Based on Field Input: Automatically hide layers when a form field is left blank—perfect for optional content like subtitles or logos.
  • Custom Layer Labels: Rename fields to make form-filling easier for teammates or clients (e.g., “Headline Text” instead of “text_1”).
  • Restrict Styling Edits: Lock in fonts, colors, and sizes to ensure brand consistency while still allowing content updates.
  • Preset Values: Offer dropdown choices for text, images, or colors with up to 10 pre-defined options for each.
  • Layer Visibility Toggles: Let users manually show or hide elements (like badges or CTAs) with a simple switch.

How to Use It?
In the settings of your design, head to the "Layers configuration" section to select a layer and configure its behavior settings—no coding required.

Enjoy faster form-filling and smarter automation—your creativity just got an upgrade! 🎨

Update
Improvement

Button Alignment & Diagonal Strikethrough Improvements Update

Guillaume avatar
Shared by Guillaume • April 08, 2025

Hi there,

We're excited to announce two significant improvements to text handling in our generation system:

What's New?

1. Improved Button Text Vertical Alignment

  • Issue Resolved: Our previous alignment algorithm didn't properly account for typographic variations that affect visual centering
  • Dynamic Alignment: The new system now intelligently adjusts vertical centering based on: Capital letters and their increased height Descenders in lowercase letters (g, j, p, q, y) that extend below the baseline Mixed case text that previously created optical alignment issues Font-specific characteristics that affect the perceived center point
  • Optical vs. Mathematical Centering: We've implemented optical centering rather than pure mathematical centering, ensuring text appears properly balanced to the human eye

Note: This improvement applies to the generation system only, not in the Design Builder

2. Enhanced Diagonal Strikethrough

  • Continuous Strikethrough: Diagonal strikethrough lines now flow smoothly across text without interruption
  • Consistent Across Text Styles: Works seamlessly across: Different font sizes in the same text block Superscript and subscript text Mixed text decorations Color-split text

Why You'll Love It

  • Professional-looking buttons with text that appears properly centered regardless of character composition
  • No more manual adjustments needed for buttons with descenders or all-caps text
  • Cleaner, more consistent strikethrough effects for price comparisons and promotions
  • Improved visual coherence in your designs

These improvements are live now for all users in the generation system. We're continuously working to refine text handling to give you the most professional results possible.

As always, we appreciate your feedback as we continue to enhance your design experience!

Happy designing! 🎨

Update

Introducing File Type Selection with Advanced Image Formats: WebP & AVIF

Guillaume avatar
Shared by Guillaume • April 07, 2025

Hi there,

We're thrilled to announce a powerful new capability that gives you more control over your design outputs: File Type Selection with support for next-generation image formats.

What's New?

  • Choose Your Output Format: Now you can select your preferred file type for each design generation, giving you complete flexibility based on your specific needs.
  • WebP Support: Generate images in WebP format, offering superior compression with minimal quality loss—perfect for web projects where page speed matters.
  • AVIF Support: Create designs in AVIF format, providing even better compression than WebP while maintaining exceptional visual quality.

How to Use It?

From the settings of your design, define the files type available for generation.

Check out our updated documentation for detailed specifications and best practices for each file format.

Happy designing with more options than ever! 🎨