What’s new in Fable

The latest features and improvements to Fable.

Follow us on Twitter and Instagram.

Fixes & Improvments

  • Previously, blocks with the same name would all collapse if you closed any of them. Now each block is collapsed independently.
  • Compound shapes are now deleted when all their children are deleted.
  • Fixed a bug that caused the “Bring to front” and “Bring to back” actions to add and remove layers from groups. Now, these layer priority actions keep layers within the groups they are currently in.
  • Fixed a bug with particles that caused the “opacity” and “turbulence” properties on particles to behave unexpectedly.

Fixes & Improvements

  • Introduced the ability to undo/redo keyframe timing adjustments made with the mouse on the timeline.
  • Fixed a bug that caused Lottie exports to disregard shape path animations. Now animated shape paths are included on Lottie exports.
  • Fixed a bug that caused exporting some Lottie files with rotation to crash.
  • Fixed a bug with Figma plugin that caused the “convert text to outlines” setting to behave incorrectly.
  • Fixed a bug that prevented importing text from Figma with certain fonts. Now all Google Font families should be compatible with Figma plugin.
  • Fixed a bug related to creating groups selected on the canvas.

Fixes & Improvments

  • The Player now opens in a new tab.
  • On creation, new Groups inherit an in-point of their earliest children and an end-point of their latest children.
  • Introduced the ability to constrain proportions for multiple layers at the same time.
  • Introduced the ability to undo changes to the canvas dimensions setting.
  • Fixed a bug that caused keyframed values on the timeline to not update when new layers were created.
  • Fixed a bug that caused the Lottie export setting to incorrectly render shape outlines on characters with holes (such as "b" and "e").
  • Fixed a bug that caused new users to land on Shared Projects. Now, all users will land on Private Projects after login.
  • Removed the ability to keyframe blur samples within the Motion Blur effect.

Fixes & Improvements

  • Updated help docs for Lottie feature support.
  • Fixed a bug that caused a freeze due to infinite rendering when a masking loop was created.
  • Fixed a bug that interfered with the introduction of new features when upgrading to the Professional plan.
  • Fixed a bug that caused the changing of billing interval to instead cancel the plan.
  • Fixed a bug that blocked rendering of the Trim Path effect for paths with three or more points on Lottie export.
  • Fixed a bug that blocked rendering of the Trim Path effect for paths with an animated property starting at zero on Lottie export.
  • Fixed a bug that caused incorrect rendering of path length and keyframe interpolation when using the Trim Path effect on Lottie export.

Fixes & Improvements

  • Improved layer visibility toggles with tooltip text that reflects a visible/hidden state
  • Fixed a bug that problematically shifted layers and keyframes when layers were converted into a scene
  • Fixed a bug that caused faulty rendering of audio waveform

Fixes & Improvements

  • Introduced the ability to import image fills for any shape from Figma.
  • Fixed a bug that caused particles to be missing on some exports. Now, particles should render on all export formats excluding Lottie.
  • Fixed a bug that caused an error to display for some users logging in with Google.
  • Fixed a bug that caused the space bar shortcut to not trigger playback on the Player.

Fixes & Improvements

  • Added the ability to upload a team image to display on the sidebar.
  • Fixed a bug that incorrectly rendered inverted masks as normal masks on Lottie exports.
  • Fixed a bug that caused a crash when importing SVGs with solid color fills.
  • Fixed a bug that caused issues while adjusting layer scale with the bounding box.
  • Fixed a bug that disallowed change of widget property values.
  • Fixed a bug that erroneously applied an image formatting error to a non-image import.
  • Fixed a bug that caused the Particle curve graph to visually lag during adjustment.
  • Fixed a bug that caused a white rectangle to appear over workspace video previews.
  • Fixed a bug that caused the pen tool to sometimes have problems creating new paths.
  • Fixed a bug that caused the sidebar to not display all teams for certain users.
Drag-and-drop in list view

Project Drag-and-Drop

The dashboard’s Grid and List view now support project drag-and-drop and context menus. Drag and drop any project(s) into another folder within the same team, within different teams, or within private folders. Additionally, right-click on a project to open in a new tab, duplicate, rename, or delete it.

Fixes & Improvements

  • Improved performance of the CMD + Z shortcut to undo. Now selecting layers are ignored in the CMD + Z history.
  • Improved error notification specificity for unsupported image file formats.
  • Introduced a notification to alert users when deleting an asset that is currently used in other projects.
  • Fixed a bug that caused any copied part of a Fable project to get stuck in the clipboard, preventing copy + pasting elements from outside of Fable.
  • Fixed a bug that caused a crash when a layer was copied, deleted, and pasted; now a specific error message shows.
  • Fixed a bug that caused renamed projects to not update in the Player presentation.
  • Fixed a bug that deactivated certain preview images in the Effects Library.
  • Fixed a bug that caused an error to display when projects referenced deleted assets. Now projects can no longer reference deleted assets.
  • Fixed a bug that caused the editor to crash after a group was created and immediately ungrouped.
  • Fixed a bug that removed global filters when a layer was converted to a scene.
  • Fixed a bug that briefly changed background color when scrolling.
  • Fixed a bug that caused background saving of projects to get stuck after network errors.
  • Fixed a bug that caused assets flipped along one axis to abruptly flip again along the other axis when resizing with the bounding box.
  • Fixed a bug that prevented import of SVG’s with solid fill.
  • Fixed a bug that caused presentations to display incorrectly on the Dashboard.
  • Fixed a bug that caused the “Shared with me” section to not display for some users.
  • Fixed a bug that necessitated an extra click to activate the pen tool.
  • Fixed a bug that caused faulty import of Photoshop (PSD) files.
Image support for Lottie export demo.

Lottie: Image Support

We introduced support for image files on Lottie export to expand your customizing capabilities. Incorporate images as animation or static background to personalize your designs.

Fixes & Improvements

  • Introduced the Texture Controls effect to support Scale modes from Figma. Now you can use any Figma image setting (Fit, Fill, Crop, Tile) with Fable.
  • Fixed a bug that caused the Range Shape icons in the Text Animator effect panel to go missing.
  • Fixed a bug that rotated the drag handles/cursor incorrectly for selected child layers within a rotated group.
  • Fixed a bug that required a page refresh to view changes made to image Particles’ texture.
  • Fixed a bug that caused deleting keyframes to always reset property parameters to zero.
  • Fixed a bug that caused adjusting scale via the bounding box to invert negative values.
  • Fixed a bug that caused the Moon demo to render incorrectly for some users.
  • Fixed a bug that prevented stop of the Playhead on the Timeline.
Image of the project dashboard info panel.

Project Info Panel

View important information about your projects and assets - in one place, and in real time. The Project Info Panel displays who has access to your projects, when a file was created or edited, and which of your teammates made recent changes.

Learn more about the Project Info Panel here.

No Wi-Fi, No Problem

We have all been there, in the middle of a web-based project that times out with, shall we say, unfortunate results. If you lose connection mid-workflow, there’s no need to worry. Keep your browser window open, and your project and all its changes will save when you reconnect.

Fixes & Improvements

  • Changed the way the background property is exported on Fable. If the background property is enabled, it will render on all export formats. If the background property is disabled, export formats that include alpha data (GIF Transparent, ProRes 4444, and Lottie) will export with transparent backgrounds.
  • Fixed a bug that distorted the scale of images imported from Figma.
  • Fixed a bug that prevented use of the Particles feature with images.
  • Fixed a bug that broke the range slider for Particles opacity.
Demonstration of the project preview feature.

Project Previews

Project previews are an efficient addition to your Project Dashboard. Hover over a project thumbnail to activate a preview of your project, directly on the project card.

Real-time Update

The Project Dashboard updates in real-time, so you can quickly see changes made on projects or new projects that are created by your teammates.

Learn more about previews and the Project Dashboard here.

Fixes & Improvements

  • Introduced the ability to adjust transformation properties on multiple layers at the same time. You can do so by selecting multiple layers and adjusting transformation properties on the Inspector panel.
  • Fixed a bug that caused the Glow effect to inaccurately render distortion effects.
  • Fixed a bug that made The Trim Path: Trim Offset parameter behave strangely on Lottie exports.
  • Fixed a bug that caused outlined text from Figma to import incompletely.
  • Fixed a bug that skewed the position/rotation of shapes imported from Figma.
  • Fixed a bug that didn’t preserve opacity settings imported from Figma.
  • Fixed a bug that caused 2-point lines from Figma to import incorrectly.
  • Fixed a bug that prevented comments from loading.

Fixes & Improvements

  • Improved the default setting for Antialiasing so it’s activated on all exports.
  • Improved the discoverability of the playback mode button within the Layers List.
  • Improved viewer permissions so that project deletion is not an option.
  • Added guides to the controller layer to ease selection, position, rotation, and scaling.
  • Disabled the empty right-click menu for the Properties Panel.
  • Fixed an issue that prevented Layout Grid visibility.
  • Fixed a bug that necessitated multiple steps to undo actions taken within the Properties Panel.
  • Fixed a bug that caused an error for certain paste operations within Firefox.
  • Fixed a bug that prevented adjustment of the Scale Height property when constrained.
  • Fixed a bug that caused a crash when new layers were made within a scene.
Star Tool screnshot

The Star Tool

We’re introducing a new shape tool to create stars, regular polygons, and complex shapes. No more pinpoint pen tool accuracy needed. Get started animating stars and polygons quickly.

Learn more about the Star Tool here.

Fixes & Improvements

  • Introduced Fable-specific right-click menus on the project dashboard. Now you can access team, folder, and project menus quickly.
  • Introduced the ability to remove your profile picture.
  • Fixed a bug that caused audio layers to not have an end point on the timeline.

Fixes & Improvements

  • Introduced Subtract & Divide blending modes.
  • Introduced the Figma plugin feature highlight.
  • Redesigned the plan upgrade CTA in the workspace sidebar.
  • Improved playhead behavior so it maintains its timeline positioning when you switch between tabs within a project.
  • Standardized UI for blend modes.
  • Removed non-admin user access to workspace plans.
  • Fixed a bug that trimmed layers incorrectly with the ⌥ + [ keyboard shortcut.
  • Fixed a bug that caused the selected layer to jump to the top of the Layers List.
  • Fixed a bug that prevented proper error notification.
  • Fixed a bug that distorted converted text to outline features from Figma.
Demonstration of where you can find the Figma plugin download

Figma → Fable Integration

Seamlessly transfer editable layers from Figma to Fable with just a few clicks. All complex components and frames are supported so you can create in Figma and animate in Fable. Preserved layer names and groupings help maintain your organizational workflow across platforms. The Figma Export plugin is free and available to all Fablers via the Figma Community.

Fixes & Improvements

  • Introduced the right-click menu; select layer(s) to cut, copy, paste, duplicate, bring to front, bring to back, flip horizontal, and flip vertical.
  • Improved dialogue box styling and language.
  • Fixed a few bugs that caused faulty export of controllers, rounded corners, anchor points, and parented layers to Lottie.
  • Fixed a bug that switched category icons around in the Effects Library.
Example of a Teams sidebar

Fable Teams for Everyone

Today, we've released a major upgrade to the Fable workspace: Now, anyone can invite their entire team to organize, share, and work together on projects in Fable.

Check out all of Fable's plans here and learn more about collaborating on the Starter plan here.

Fixes & Improvements

  • Introduced the ability to easily drag and drop private projects into team folders.
  • Introduced the diamond ◇ to represent the “Add keyframe” action, in place of the stopwatch.
  • Improved notification behaviors.
  • Fixed a bug that caused a crash when changing access modes for the team workspace.
  • Fixed a bug that improperly displayed shared project names for teams.
  • Fixed a bug that necessitated a refresh after account upgrade.
  • Fixed a bug that blocked editor access to team projects.
  • Fixed a bug that redirected users joining teams ineffectively.
  • Fixed a bug that prevented prompt of proper error messaging.
  • Fixed a bug that caused a funky error message when adding an admin with a free plan.
  • Fixed a bug that auto-created users' first team project.
Demonstration of new constrain proportions feature

Constrain Proportions Feature

We introduced the "Constrain proportions" feature to the Scale property to maintain the ratio between width and height when you resize a layer. Hover over the lock icon next to the Scale property for the new tooltip and click to enable or disable.

Fixes & Improvements

  • Renamed the converter utilities and updated their icons for clarity.
  • Fixed a bug that affected the Drag Anchor tool.
  • Fixed a bug that caused the canvas to disappear.
GIF demonstration of the ability to lock, hide, expand, and collapse multiple layers all at once.

Collapse Multiple Layers

Lock, hide, expand, and collapse multiple layers all at once. Master these tools within the Layers List to focus in on parts of a project, speed up, and organize your workflows.

Fixes & Improvements

  • Introduced the ability to add keyframes to non-selected layers.
  • Fixed a bug that would unexpectedly shift the motion path of a compound shape.
  • Fixed a bug that affected icon appearance in the timeline and certain blocks.
  • Fixed a few bugs that caused faulty preview of the Font Library.
  • Fixed a bunch of bugs that were affecting the Pen tool.
Demonstration of new width/height transform tool

Width & Height Transform Tools

Layers with adjustable width and height are now indicated by a centered dot on each side; use the dots to adjust size property rather than scale property, and better maintain shape features.

Fixes & Improvements

  • Added double strokes to the gradient steps to easily distinguish color.
  • Improved the Eyedropper tool to make it work with gradient steps.
  • Updated some minor copy and made small design tweaks for clarity.
  • Fixed a bug that allowed ⌘ + Z to move between and overwrite projects.
  • Fixed a bug that caused the value graph to automatically switch to the velocity graph when modifying easing.
  • Fixed a bug with Linear and Radial gradient modes.
  • Fixed a bug to make the “Accept Invite” page work for logged-in users.
  • Fixed a bug that sometimes caused audio to not export correctly.
  • Fixed a bunch of bugs with effects depending on the order they're added in and what is switched on or off.
  • Fixed a bug with the Pinch/Warp effect when applied to the background.

Fixes & Improvements

  • Introduced a new share button for collaborative & team projects. Avatars displayed in the upper right hand corner represent users who have created, edited, or have access to a project.
  • Improved project sharing; after signing up, you are directed straight to a shared project.
  • Updated descriptions within the Effects Panel; hover over an effect and its icon to learn more.
  • Updated the Google Font library with more fonts and weights.
  • Fixed a whole bunch of bugs linked to importing SVGs.
An example of keyframe capture in Fable's timeline

Flip the Trim Path Effect

We just added the ability to flip the direction of the Trim Path effect with a clockwise/counterclockwise toggle.

Fixes & Improvements

  • Introduced the shortcut ⌥ + C to open the Effects Panel.
  • Enabled compound shapes to inherit their style from what was previously selected.
  • Adjusted Blur effect values + improved the Glow effect–check out the Blur Amplifier and Pixelated Blur features.
  • Changed the default canvas size to the more popular 1920 x 1080 instead of 1280 x 720.
  • Set the work area to a minimum width of two frames to ensure that it can't disappear.
  • Improved how padding affects the viewport width/height and certain effects.
  • Improved shape edit mode; when editing a shape, there is now a “Remove points” button.
  • Improved group selection of keyframes.
  • Improved keyboard navigation controls within the Effects Panel.
  • Fixed a bug that reduced the export quality of GIFs.
  • Fixed a bug that didn't recognize the color gradient from Illustrator.
  • Fixed a bug that occured when certain shapes were masked.
  • Fixed an issue with removing connections when blocks are duplicated.
  • Fixed an issue with exports where the first frame wasn’t rendered correctly.
We're watching a demonstration of Fable's revamped Effects Library

Redesigned Effects Library

We recently revamped the Effects Library and are excited for you to experience it. Find effects easily with the search bar up top. Browse all categories by scrolling up and down, or bounce around more quickly with the category list to the left. The graphic thumbnails preview each effect–hover over an effect and its ⓘ icon to learn more. Drag an effect easily into your workspace to further explore its features and see it in action!

Fixes & Improvements

  • Revamped the effect defaults, categories, and thumbnails.
  • Introduced the ability to resize the layers list in the timeline for a more customized workflow.
  • Improved how SVG files import when they are flipped.
  • Fixed a bug that caused the end of the timeline to be cut off when zoomed in.
  • Fixed an audio bug; it now loops around with playback.
  • Fixed a bug that caused SVG images imported from Figma to appear as black squares.

Fixes & Improvements

  • Improved text usability by removing empty layers if they're not used, and making new layers start with a blinking cursor to skip deleting characters.
  • Made a small styling tweak to the share button in the Player to make the action clearer.
  • Updated the default name of organizations for clarity.
  • Fixed an issue that caused some colors to be incorrect when exported.
  • Fixed a bug that occured when importing SVG shapes.
  • Fixed a bug that caused copy/paste not to work in some situations.
  • Fixed a bug that caused avatars in the player to persist when they shouldn't.

Fixes & Improvements

  • Added the ability to view help docs for each effect block.
  • Updated the default permission of a shared player to "can comment".
  • Fixed an issue in the export dialog where some options weren't selectable.
  • Fixed the ability to use the arrow keys to move across frames.
  • Lots of fixes to SVG imports.
  • Fixed a bug that inhibited snapping when creating shapes.
  • Fixed a bug that caused Scene sizes to not reflect the project canvas size.
  • Fixed a visual bug that resulted from long team names.
  • Fixed a bug that occured when using Type: Random within the Duplicator tool.
  • Fixed an issue with transparent projects when using effects.
  • Fixed a collection of issues with snapping and alignment.