Hi there,

We’re thrilled to roll out a time-saving update to the Media Importer that simplifies how you manage assets: Direct URL Importing!

Previously, using an external image meant downloading it to your device and then re-uploading it to Abyssale. Now, you can bypass that step entirely. This update allows you to import images directly from an external source using a link, speeding up your creation process whether you are in the Design Editor or generating variations.

What's New?

• Direct Access: Import via URL: Simply paste a direct public link to add images or logos to your asset library immediately.

• Workflow Integration: Available Everywhere: You can access the URL importer in the Design Editor, during Spreadsheet Generation, and within Quick Generation forms.

• Format Support: Broad Compatibility: The importer supports HTTPS links for JPEG, PNG, and WEBP files up to 20MB.

How to Use It

Using the new importer is quick and intuitive:

1. Open the Media Importer: Click on "Select image" or "Replace default file" on any image layer.
2. Select the Source: Click on the URL tab in the left-hand sidebar.
3. Paste and Go: Paste your direct image link (ensure it is publicly accessible) into the text field.
4. Import: Click Import, and the image will immediately replace your selected layer.

Enjoy a faster, smoother asset management experience!

Hi there,

We’re excited to bring a highly-requested improvement to your animation toolkit! You can now apply Easing Curves to your Fade effects, giving you precise control over how your elements appear and disappear.

Previously, easing was limited to Slide, Scaling & rotation. This update ensures your opacity transitions can be just as dynamic and polished as the rest of your motion design, moving beyond standard linear fades.

What's New?

• Easing for Opacity: You are no longer restricted to linear transparency changes. You can now apply easing presets (like Circ.InOut) to your Fade animations.

• Professional Polish: Make your elements fade in with a smooth acceleration or fade out with a dramatic curve. This adds a level of nuance that makes your creatives feel more premium and "alive."

How to Use It

1. Select the layer you want to animate in the Design Editor.
   ​
2. Add a Fade effect (or select an existing one) from the Animation panel.
   ​
3. In the Animation panel on the right, click the easing dropdown menu within the Fade effect settings to select your desired curve.

Bring some smoothness to your designs today!

Hi there,

We’ve implemented a small but mighty improvement to the Design Builder to give you more precision over your motion effects!

We know that previously, the origin of a Scale animation was strictly tied to the alignment of your layer (for example, a centered text layer would always scale from the center).

We've now decoupled these settings, giving you the freedom to define your animation origin independently of your layout.

What's Improved?

• Independent Anchor Control: You now have a dedicated Anchor parameter within the Scale animation settings. This allows you to define exactly where the scale effect will occur on the layer.
• Greater Flexibility: You can now keep your layer aligned exactly how you want it on the canvas (e.g., left-aligned) while having it scale from the center, the corner, or any other point you choose.

How to Use It

1. Select the layer you wish to animate in the Design Builder.
2. In the animation panel, add or edit a Scale effect.
3. Locate the new Anchor grid selector.
4. Simply click on one of the 9 points on the grid to set the origin point for your scaling effect.

Enjoy this new level of precision in your animated designs!

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!