Skip to Content

What’s new in Fable

The latest news, features, and improvements to Fable.
Follow us on Twitter, YouTube, and Instagram.

Sep 14, 2023


Comments on Fable

Feedback is key to making any project great, but giving clear and helpful notes on videos is difficult. You need to write messages that reference specific timecode and pinpoint specific elements of the frame. Then, you send those messages over email, Slack channels, and DMs, creating a chaotic inbox for designers to manage. Friction like this makes collaboration hard.

Today, we're adding Comments to Review mode – leave actionable feedback in-line, in-time, all in one place. This isn't just about leaving notes; it's about unlocking your team's collaborative workflow to make your motion projects better, together.

Learn how to use comments on our help docs.

Swap source files on video layers

Video layer inspector

Video layers can now swap their source files while retaining transforms, keyframes, and effects blocks on the layer. To swap the source file, select a video layer and locate the "Source" property at the top of the Inspector. The Source dropdown displays all video assets included in the project. You can select any of the assets on the dropdown to set it as the source file. If you want to use a video that is not in your project yet, upload the asset to the Asset Browser first.

Improved render quality

We’ve improved the rendering quality in the Editor when working with videos and images. You will notice a significant improvement in the rendering quality when using masks or adding raster effects to videos and images.

New canvas controls for Lines

We’ve changed the on-canvas controls for lines. You can now adjust the end points of a line without accidentally adjusting the transform scale of the layer. If a line is perfectly horizontal or vertical, end point controls will display, but scale controls will be hidden.

Bug fixes & improvements

  • Improved the responsiveness of the Editor when editing the contents of text layers on the canvas
  • Text layers now have the same Fill section as shape layers.
  • Add the ability to see all points on shapes with many points
  • Re-use the properties of the previously selected text layer when creating new text layers
  • Restyled the multiline text input on the inspector
  • Added guides to the dimensions of a group
  • Fixes an issue that caused the keyframe playback mode to intersect the timeline header
  • Fixed an issue that caused Lottie exports to use incorrect layer start and end times.
  • Fixed an issue that broke layer connections between children of a group when duplicating the group. Now, when you duplicate a group, mask and parent relationships will remain on the duplicated layer.
  • Fixed a crashing error when using the Figma plugin
  • Fixed an issue that ruined layers with parenting links when copy and pasting.
  • Fixed an issue that caused images to be exported at the incorrect position and aspect ratio
  • Fixed an issue that caused text descenders to get cut off when masks are applied to a text layer
  • Fixed an issue that caused text layers to not be included on group opacity changes
  • Removed artifacts from strokes with sharp edges
  • Fixed an issue that caused gradient fills to not go all the way to the corners on text layers
  • Fixed an issue that caused white space to display incorrectly on text layers
  • Fixed an issue that caused the contents of a text layer to jump when switching fonts
  • Fixed an issue that caused text layers to not be clipped by group “clip contents” setting if dimensions were larger than the group

Updated transition behaviors

New transition and text behavior blocks

Behaviors are a special type of block that get your layers animating without the use of keyframes. They are great for animating your project in just a few clicks. We’ve reworked our most commonly used transition behaviors to have a standard set of controls and common default settings.

Now all transition behaviors have corresponding in-and-out blocks that can be used to bring your layer in and out of the scene. Each of these behaviors has the option to fade the layer in while animating. Additionally, all text behaviors have text direction controls to set the direction you’d like the text to animate in. Learn more about blocks in our help docs.

Clearer layer bounds

We're adding group guides as a follow-up to group dimensions introduced in v154. These guides display an outline of your group’s dimensions when working with group children, so you always know the boundaries of your group.

Alignment actions now align children relative to these guides instead of the project’s canvas dimensions. Learn more about working with groups in our help docs.

Quicker canvas navigation

Navigating the canvas on Fable has never been easier. We’ve added new intuitive controls for zooming and panning the canvas.

  • Zoom in and out of the canvas - CMD + scroll wheel OR pinch gesture on trackpads
  • Pan around the canvas - scroll OR middle mouse button + drag

Learn about more shortcuts available in Fable in our help docs.

Bug fixes & improvements

  • Added an auto line-height setting that automatically sets the selected text layer’s line height to the recommended line height defined in the font file.
  • Improved playback performance of projects that contain multiple video layers.
  • Increased the sticky keys threshold for alt + dragging layers to duplicate them on the canvas. Now, there’s some additional wiggle room when using keyboard shortcuts with the alt key for Fablers who have difficulty holding multiple keys at once.
  • Added the ability to select text layers at any point the text renders, even if it’s beyond the boundaries of the text dimensions.
  • Improved up and down caret navigation in text layers.
  • Improved the usability of selecting individual characters on text layers.
  • Added the ability to adjust text alignment before typing in a newly created text layer.
  • Text now remains highlighted when dragging a text selection outside the text layer’s bounding box.
  • Added the ability to stop playback by clicking on the canvas.
  • When working with multiple tabs in the editor, Fable will now treat the zoom level and position for each tab individually
  • Updated cursor styling when duplicating layers on the canvas.
  • Decreased the canvas drag sensitivity to avoid unintended position adjustments when selecting a layer.
  • Added the ability to move layers behind other layers if they are selected.
  • Fixed a bug that prevented selecting the last letter on a text layer.
  • Fixed an issue that caused exports with images to render with the images in incorrect positions.
  • Fixed a bug that caused clip content settings on groups to not work if the layer was the same size as the group.
  • Fixed an issue with gradients on text layers. Previously, gradients with added rotation didn’t apply to the corners of text layers. Now they will span the full diagonal of text layers.
  • Resolved a bug that caused the editor to crash when creating a new duplicator.

Figma Plugin

  • Fixed a bug that caused the Figma plugin to crash when attempting to copy open shapes.
  • Fixed an issue that caused text layers to import with the incorrect font size and position.
  • Images copied using the Figma plugin will be pasted as single layers instead of groups with masks.
  • Dashed paths, Stroke end points, Figma effects, gradient/image strokes, and open ellipses will all import into Fable as images.
  • Added the option to export all selected frames as flattened PNGs.

Way better uploading

New import queue

Uploading assets is an essential creative workflow on Fable. However, sometimes these assets are quite large and can take a long time to upload and process. To improve this experience, we’ve created a new upload experience that keeps you informed about the import progress of your assets. No more guessing games or endless spinners – stay in the loop with the new import progress tracker.

Learn more about importing assets into Fable and the new progress tracker in our help docs.

Group controls

Groups are convenient for selecting and organizing many layers on your timeline. However, the inability to control their dimensions limits their design utility. Today, we’re fixing that by adding dimension controls and content clipping to groups. Now you can explicitly define the size of your groups and decide how you’d like a group’s children to display.

Unlock new creative flexibility to apply effects blocks to specific areas or set distinct dimensions for your scenes. Discover the new group features in our help docs.

All the blend modes

We’ve added support for the following blend modes found in Photoshop: Linear burn, Darker color, Lighter color, Vivid light, Linear light, Pin light, Hard mix, Hue, Saturation, Color, and Luminosity. These powerful blend modes allow you to create cool effects using multiple layers and images, giving your compositions that extra touch of brilliance.

Access these blend modes in the Inspector. Explore the possibilities of each blend mode in our help docs.

Bug fixes & improvements

  • Added the ability to apply multiple text behaviors and text animators to the same text layer.
  • Dragging video or image assets into Fable will create layers at the center of the canvas.
  • If you upload a new font using the custom font button on the font select, Fable will set the text layer to the custom font.
  • Fixed a bug that caused the editor to crash when copying and pasting keyframes on the timeline.
  • Resolved an issue with exports on projects with video that prevented exports from completing.
  • Fixed a rendering issue with the glow block that added black pixels around the edges of layers that the effect was applied to.
  • Fixed a playback issue that caused audio layers to play the incorrect portions of the audio file.
  • Resolved an issue that prevented users from dragging assets into a project on Safari.
  • Fixed an issue on the Inspector that cut off some controls for audio layers.
  • Fixed a bug that displayed assets with processing errors indefinitely on the asset browser. Now assets that have issues while uploading/processing will be removed from the asset browser.

Figma Plugin

  • Added support for importing Crop and Tile image fill modes. These will be imported as flattened image layers on Fable.
  • Added support for importing vector networks with contained and/or overlapping paths.
  • Added support for importing angular and diamond gradients into Fable. Now, all gradients will be added as images to maintain gradient transformations defined in Figma.

Convert text to shapes

Text to shapes

You can now convert text layers into fully editable shapes, granting you complete control over typography. From adjusting individual letters to refining spacing, curves, and corners, the possibilities are limitless. You can also animate the path data to create fully customized text animations.

Expanded language support

We've introduced full glyph support for all Latin script and Cyrillic script languages, Greek, Chinese, Korean, and Japanese. Select or upload a font that supports the script you’re designing with, and all Fable text features (Behaviors, text animator, text to shapes) will be supported. Learn more about language support on Fable on our help docs.

Bug fixes & improvements

  • Removed rendering artifacts that displayed on certain characters at larger sizes.
  • Maintain shape proportions creation: If you create a shape while holding the shift key, the layer will automatically have constrained proportions set.
  • Static color picker for variables: You can now only close the variables manager panel by clicking the variables icon or pressing the escape key. This enables you to use the color picker tool while keeping the variables manager open.
  • Improved folder navigation: The workspace will no longer automatically navigate into subfolders when creating them.
  • Increased file upload size for PRO users: PRO users can now upload files up to 2GB in size. Free plan users still have a per-file limit of 250MB.
  • Added character selection in layer renaming. You can now use your mouse to select characters when renaming layers.
  • Resolved a crashing error that occurred when deleting an open scene from the Asset Browser.
  • Fixed a bug that prevented reordering layers when a layer was inside a multi-level-deep group.

Edge resizing and subfolders

We’ve heard the feedback and frustration with layer resizing, and starting today, layer size adjustments on the bounding box will modify dimensions in one direction. This eliminates the need to reposition layers after dimensions adjustments and makes layers behave more intuitively on the canvas.

The modifiers for this new feature will be the same as transform controls:

  • Shift → Maintain dimensions ratio when making adjustments
  • Option → Adjust dimensions from the center of the shape

Transform controls (position, scale, rotation, etc.) will still happen at the center of the shape.


A single level of folders may not meet your team’s file management needs. Now, you can create subfolders, enabling deeper organization within Fable. Use folders to bucket similar projects, rearrange them, and maintain a tidy workspace.

Bug Fixes

  • Masked images are now supported on Lottie exports.
  • Resolved an issue where some projects with masks were exported incorrectly.
  • Fixed low-quality exports for GIFs when downsizing.
  • Fixed an issue that caused some TTF files to be incompatible with Fable. Now any TTF file can be used as a custom font in Fable.
  • Fixed timeline snapping when zoomed out on long-duration projects.
  • Corrected a bug that caused the project inspector to mistakenly hide properties on certain effects blocks.
  • Images imported from the Figma plugin are now added as shape layers with image fill instead of legacy image layers. This resolves rendering issues on Lottie exports.


  • Project width and height limits have been increased to 4096px for Pro accounts.
  • Increased individual file upload size limits to 2GB for Pro and Organization workspaces. Starter workspaces will still have a 250MB file upload limit.
  • Enhanced the playback experience when loading projects with assets. Projects will now play smoothly even while videos are still loading.
  • Redesigned project cards and addressed minor design bugs throughout the workspace.

Dimensions snapping and resetting remixes

New Features

  • Shape and text layer dimensions now snap to other layers on the canvas when making on-canvas adjustments.
  • Added the ability to reset all controls on Remix mode, allowing you to quickly revert remixes to their original state.


  • Added preview image thumbnails to the inspector when you are using an image fill, providing visual reference when working with images.
  • Improved loading times when switching between fonts.
  • Enhanced rendering quality of exports and the viewport when masking large images, resulting in improved render fidelity.
  • Loading times for processing Lottie exports have improved.


  • Spaces are now properly affected by text tracking, ensuring consistent typography adjustments.
  • Fixed a bug that caused Fable sometimes to close when switching between workspaces.
  • Resolved an issue that prevented image fills on compound shapes.
  • Fixed a bug that prevented effects & behaviors blocks from being selected on the project inspector.
  • Fixed a bug that prevented pasting blocks on the project inspector.
  • Fixed a bug that caused layer links to be reassigned when switching the order of layers.
  • Fixed a bug that caused groups to lose their link designation when adding new children layers to the groups.
  • Fixed a bug that prevented controllers from being visible on scene tabs.
  • Fixed a bug that caused color values to be reset to #FFFFFF when you set color opacity over 100%.

Workspaces redesigned

This week, we redesigned the navigation on the workspace to make it easy for you to manage your projects, team members, and plans.

Here’s an overview of the changes:

  • Now, the dashboard displays one workspace at a time
    • All projects and folders in the dashboard are under the same plan.
    • You can manage your workspace settings, members, and subscription on one page.
  • Distinct folder groups for your private and team projects. Each workspace you’re a part of will have its own private space for you.
  • Designs have been updated to be a more streamlined and clean experience.

All your projects are still accessible in the folders they were in prior to the redesign, but a few folders may have been moved around in your workspace. Here are the common things that you may be seeing and how to adjust them:

  1. Workspace name on the account switcher: This used to default to your user name, but now it will display your workspace name. This was previously not editable on Starter and Pro plans, but now any workspace admin can customize their workspace name on the workspace settings page.
  2. Doubled "My projects” folders. If you previously had a personal “team” in the old sidebar, you may see a second “My projects” folder in your private folder group. You can keep this second folder and rename it, or you can delete the folder.
  3. If you were invited to other workspaces as a member or have access to a workspace because you’re invited to a project in a workspace, you can navigate to that workspace using the workspace switcher at the top left of the interface.

New text features

May 19, 2023

New text features

New Features

  • Introducing the ability to draw text layers directly on the canvas, allowing you to set the size of your text layer perfectly for the composition you're working on.
  • New text break settings. There are now 3 modes for more text layer flexibility:
    • Word: Break lines at each word. (this is the current setting).
    • Character: Break lines at each character
    • Dynamic: Breaks lines at each word. If there is only one word on a line, break lines at each character
  • The font selector has been redesigned! You can now easily navigate font families using filters or search across both default and custom fonts.
  • Now you can re-order variables on the variables manager. Updating the order of your variables changes the order they display in both Create mode and Remix mode.


  • Enhanced copy + paste layers functionality to now include parented and masked layers.
  • Added the ability to undo new point creation with the Pen tool.
  • Improved asset organization: Custom fonts can now be added to folders within the asset browser. By default, they'll be added to a “Custom fonts” folder.
  • Updated text layer click creation: Text layers will now be created at the exact location of your mouse click with top-left alignment.
  • Inspector inputs don’t get highlighted when you drag things such as the playhead across the screen.
  • Updated error pages on your projects that redirect you to support and help articles if you run into permissions issues.
  • Refreshed the delete assets dialog for better usability.
  • Added an alert when an incorrect password is entered during password change attempts.

Bug Fixes

  • Resolved issues with alignment buttons within groups. Now children of groups can be aligned within the group.
  • Fixed a problem where copy-pasting behaviors only worked for the first layer.
  • Fixed a few bugs that caused editor crashes when setting layer dimensions to 0
  • Fixed a bug that hid the Behaviors & effects section on text layers when using a small browser window
  • Solved an issue that prevented gradients from being set at the corner of shapes.
  • Fixed a crash when dragging a layer into duplicator layers.
  • Fixed a bug that caused an error when trying to embed a project that included an image

Expanded Lottie support

Lottie Support

Lottie exports now support compound paths, compound path masks, masks on group layers, and group layers as masks.

Bug fixes & improvements

  • Controllers now align to their origin point instead of the controller UI bounds for a more intuitive user experience.
  • Added prime characters to the supported type set, expanding the variety of characters you can use.
  • Multiline capabilities have been added to text variables, offering more flexibility in your text handling for Remixes and Variables.
  • When opening the effects/behaviors panel, the search input is now highlighted.
  • Improved the undo action to account for layer duplications using keyboard shortcuts.
  • The shape tool now remembers the last shape you created, enabling you to create shapes with a single click instead of navigating through the dropdown menu.
  • Fixed a bug that allowed project owners to revoke their own access to a project.
  • Fixed an issue where leading whitespaces were not trimmed on new line breaks.
  • Text layers are no longer editable when they have an incoming connection.
  • Resolved an issue that lead the concat block to cause a crash when a property value was linked to a block input.
  • Moving a layer out of a group now disconnects connections to layers within the group.
  • Fixed an issue that prevented canceling exports from the export panel.
  • Resolved a bug that allowed users to scale text layer dimensions to an irreversible 0 width or height.
  • Fixed a bug that prevented adding points to shape or position paths after adjusting a point’s vertex mode.

Text dimensions and layer trimming

New Features

  • Animatable width and height dimensions on text layers. You can find these controls on the inspector when you have a text layer selected.
  • Adjust text layer properties when you have multiple text layers selected.
  • The typewriter behavior has been replaced by new Type in and Type out behaviors. These updated behaviors enable you to transition text into or out of your project, with the ability to adjust the direction and easing of the animation.
  • Maintain ratio when adjusting layer dimensions. You can do this by pressing the shift key while dragging the circles on the bounding box.
  • Trim layers and their children. You can do this by selecting a layer with children and using the following shortcut: Cmd + Opt + Shift + [ or ].

Bug fixes & improvements

  • The inspector collapse interaction now only closes when clicking the chevron.
  • Reordered behavior categories for easier access to frequently used behaviors.
  • Projects now remember which scenes were open between sessions.
  • Fable now directs users to the appropriate editor mode when they attempt to access modes they don't have permission to use.
  • Added support for clipping masks from Illustrator and XD in SVG imports and pastes.
  • The layer list now truncates long layer and property names in the timeline.
  • Fixed an issue that made it difficult to add points to a path when using the pen tool in shape edit mode.
  • Group masks now account for children in/out points when children are text layers.
  • Fixed a bug that trimmed leading whitespace on text layers. Now, your layers can begin with spaces if desired.
  • Fixed the canvas crash caused by linking a variable to the Tint effect applied to a scene instance.
  • Fixed an issue that created widgets in the asset browser when duplicating layers with behaviors.

Easing curve adjustment and keyframe selection

New Features

  • Adjust easing curves beyond the boundaries of the value curve editor. Any part of the bezier handle can now be used to select curves beyond the graph editor's bounds.
  • Select all of a property's keyframes by clicking the property title on the Timeline Layer List. Shift-select to select/deselect multiple keyframes.
  • Copy + paste layers with image fills.
  • Copy + paste text layers with custom fonts.
  • Copy + paste behaviors between projects.

Bug fixes & improvements

  • Improved undo behavior for creating keyframes from property inputs on the timeline. Undo/redo now works for each keyframe created.
  • Improved undo behavior for creating multiple shapes on the canvas. Undo/redo now works for each shape created.
  • Increased the click area for the Inspector when working with image and gradient fills.
  • Adjusted the mode switcher to only display modes that team members have access to (e.g., collaborators only see 'review' and 'remix' mode).
  • Updated project cards and general styling on the dashboard.
  • Gradient swatch positions no longer reset when adjusting the rotation knob for linear gradients.
  • Hidden SVG layers now remain hidden upon import or copy/pasting into Fable.
  • Fixed an issue causing shapes to sometimes get stuck when adjusting dimensions on really narrow shapes.
  • Layers with empty image fills now render correctly on Lottie exports.

Antialiasing and canvas rendering

Fixes & Improvements

General fixes and improvements for Lottie, antialiasing, canvas rendering quality, and export settings.

  • Improved antialiasing quality on the canvas to prevent blurry images and crunchy vectors.
  • Antialiasing is now applied to the Editor canvas by default. The checkbox has been removed from the Project Inspector.
  • Added antialiasing as an advanced export option, for designers who want to turn it off in export.
  • Added the ability to adjust frame rate on export. You can adjust this in the advanced export settings.
  • Added the ability to adjust frame rate on export. You can adjust this in the advanced export settings.
  • Fixed Lottie support for images that were broken during the image fills update. Now, your Lottie previews and exports should include images the same way they appear on the canvas.

Introducing Remix Links

Screenshot of Fable Remix mode

Say goodbye to the hassle of copy changes, image swaps, and tedious variations of existing projects. With Remix Links, enable anyone on your team to create project variations while maintaining brand/design consistency, no matter their motion skill level.

Remix Mode leverages variables you’ve created on your project to surface a set of controls you curate for your collaborators. Your teammates can create an unlimited number of variations using only the controls you specify. These changes do not overwrite the original project allowing you to keep your creative space pure.

Change copy, localize your stories, and reduce repetitive work in your motion design with Remix Links!

Try a Remix Link

Share your projects with everyone

We’re excited to announce that Fable now makes it easier than ever to collaborate and share your projects. With our redesigned sharing dialog, you have the flexibility to share your work with anyone you’d like to work with. There are two ways to share Fable projects:

  1. Share with individuals: You can share Fable projects with any individuals. These can be other teammates in your workspace or people you have email contacts for.
  2. Share with the public: You can make any project in Fable public, allowing anyone with the link to view the project.

Access the project-sharing dialog by clicking the share button on the top of the Editor when you have a project open. Learn more about project sharing on our help docs.

Fixes & Improvements

  • You can now import or paste SVGs with open paths into Fable. This should resolve many issues Fablers have reported bringing SVG data from other tools.
  • Now, when you drag images into your project from the Asset Browser or your computer, the layers that are created are named the same as the image file.
  • When you attempt to delete an image asset from the asset browser that is being used in your project, Fable will now prompt a confirmation dialog before you actually delete the asset.
  • Fixed an issue that caused the export download button to be missing from exports with long file names
  • Fable has removed the anchor point tool from the inspector due to issues when animating and adjusting shape layer dimensions. Instead, we recommend using controllers for transformation animations, which provide precise control over transformation origin.

Image fills and language support

Screenshot of image fills on the Fable Editor Inspector

Image Fills

We're changing the way you can control images on Fable. Instead of being added as a distinct layer type, images will now be added as shape layers with an image fill. This gives you all the dimensional flexibility of a shape layer when working with images. Now, you can animate dimensions or customize the aspect ratio of your images for different designs. We've also introduced sizing controls for how your image fills the dimensions you define.

Check out our help docs to learn more about how to use image fills.

Additional Language Support

Fable now has text layer support for characters outside the standard US-ASCII character set + expanded support for special glyphs e.g. single and double quotation marks, dashes, and ellipses.

The following languages now have full coverage: Albanian, Basque, Breton, Catalan, Danish, Dutch, English, Estonian, Faroese, Finnish, French, Gaelic (Irish), German, Icelandic, Italian, Irish, Luxembourgish, Malay, Norwegian, Occitan, Portuguese, Rhaeto-Romanic, Rotokas, Scottish, Spanish, Swahili, Swedish, Tagalog, and Walloon.

For specific language requests, let us know in Discord or send a note to

Fixes & Improvements

  • Lottie exports now support transparent gradient fills.
  • Lottie exports now support behaviors that modify the position, rotation, scale, skew, or opacity properties of layers. These behaviors include Slide, Wiggle, Vibrate, Rush, and more.
  • Updated the styling of the dashboard sidebar. Account settings are now located in the organization dropdown of the sidebar.
  • Fixed an issue that prevented animation of the color opacity property from smoothly transitioning between keyframe values.
  • Fixed an issue with the font family selector that occasionally prevented you from selecting a font you previously had active.

Copy + paste and font search

Copy + Paste

You can now copy + paste layers between projects on Fable. This means you can reuse your favorite elements without having to recreate them or duplicate projects. All you need to do is open a project, select and copy anything with CMD + C, and paste the layer into another project with CMD + V. Keyframes and effects blocks are also included with your copy + paste.

Fixes & Improvements

  • Added the ability to search fonts on the font dropdown.
  • Added layer names (nm) to Lottie exports
  • Exports now take on the project’s antialias settings by default.
  • Font family selector now always displays the active font on the text layer.
  • Deleting variables no longer removes the property from the inspector.
  • Resolved an issue that prevented GIF imports.
  • Fixed an issue that caused the Player to crash on Safari.
  • Fixed rotation bugs when pasting an SVG into Fable.

Hand tool and scrollbars


  • Added support for using the hand tool while editing shape points. When editing or drawing paths with the pen tool press the SPACE bar to move your canvas while editing your shape.
  • Updated scrollbars on the Editor interface.

Bug Fixes

  • Resolved a bug that caused a crash when detaching scenes that included layers with behaviors.
  • Fixed an issue that caused GIFs with transparent backgrounds to lose transparency when exporting at <100% scale.
  • Fixed an issue that caused public review links to not load.
  • Resolved a bug that caused the app to crash when navigating back on your browser when the share or export dialogues were open.
  • Corrected the way radial gradients display on rectangles. They are no longer cut off at the corners.
  • Audio no longer plays beyond trimmed durations on the audio layer.
  • When detaching audio from videos that have been trimmed, the audio now takes on the same trim.
  • When converting projects to scenes, variables from the original scene are now included.
  • Fixed errors that occurred when uploading custom font files.
  • Fixed an issue that caused text layers to distort when re-ordering them on the layer list.
  • Resolved a bug that prevented users with upgraded teams from using pro features on their private projects.

New export formats

Mar 10, 2023

New export formats

We redesigned the exporter to deliver intuitive settings and support for WebM, WebP, and PNG sequences. Read the help doc to learn more about how to export, basic export settings, and other supported export formats.

Workflow Improvements

  • Introduced the ability to deselect layers with ESC key or by clicking into empty space on the layer list.
  • Updated text inputs so that you can add/delete characters in the middle of an input. Previously, the type cursor would automatically jump to the end of the input when making adjustments.

Video Layers

  • Added audio controls to video layers on the timeline. Now you can mute audio from videos during playback and/or exports.
  • Added the volume block to the video layer inspector to control the volume of a video layer.
  • Added the ability to detach audio from video layers.

Variables & Connections

  • Added connections to Behaviors. Now you can use variables and other properties to inform your Behaviors.
  • Fixed an editor crash caused by deleting scene variables on scenes. Previously, if a scene instance had a variable control linked to a project variable, and the original scene’s variable was deleted, the editor would crash.
  • Disabled connection input for computed utilities.
  • Fixed an issue that caused multiple connection panels to overlap.

Exporting Fixes

  • Using the “Project Window” setting on GIFs, Animated PNGs, and WebP exports has been fixed. Previously, this would only work if your work area started on the first frame.
  • Introduced the ability to export files with non-ASCII filenames.
  • Fixed a bug with the “Loop” setting on PNG and WebP exports. This setting allows your exports to be loopable.
  • Fixed a bug that created artifacts on transparent GIF exports.

Other fixes & improvements

  • Fixed an issue that caused images, video, and text layers to flicker anytime you made changes to your project. Now, there should be no flickering.
  • Fixed an issue that caused crashes on text layers with custom fonts. Now, custom fonts should behave the same as all other text layers.
  • Fixed issues that caused long queue times on exports and font uploads.
  • Fixed issues with importing PSD files into Fable.
  • Previously layers with image fills were pasted incorrectly from Figma. Now, images should be imported correctly from Figma.
  • Increased the upload limit size.
  • Fixed issues that caused Position Paths to behave unexpectedly.
  • Fixed an issue that caused reordering text layers to adjust render quality.

Creating Variables UX improvements

New Features

We've added two new features to make creating variables seamless. Now, create variables directly from the connections dropdown while your work is in progress. And, connect multiple layers to a variable at the same time; use the inspector connections panel on shared properties across your selection.

Fixes & Improvements

  • Audio layers that are hidden will no longer play during playback.
  • Added the ability to connect two properties: the output of the Number to String utility block and a Text layer.
  • Fixed a bug that caused editor crashes when working with moved project files. Custom fonts now move with projects that are moved between teams.
  • Now, when creating a new scene with layers that are connected to variables, copies of the variable will be moved to the scene and the instance of the scene will be connected to the project’s variables.
  • The duplicator random seed property now increments in multiples of 1 and 10.
  • Added colored icons to the variable types on the Variables manager.
  • Reordered the list of variable types that appear when you create a new variable, so the most common variable types appear at the top.
  • Updated icons on the timeline.
  • Previously, when you keyframed a text layer’s content field, the contents would have a “NaN” appended to the layer. Now, the layer displays only the content you keyframe using step-interpolation.
  • Fixed a bug that caused a crash when trying to connect variables and connections to effects blocks on the project inspector.
  • Fixed an issue that caused a crash when you would undo (CMD+Z) pasted keyframes on the timeline.
  • Fixed an issue that caused the font selector to not be scrollable.
  • Fixed the Number to Color utility block so that it accurately calculates colors based on inputs.
  • Fixed a bug that caused parent-children layers to have their positions altered when creating a scene with them.
  • Fixed a bug that caused behaviors to have incorrect in/out points in scenes when the layers used to create the scene have different in/out points.
  • Fixed a bug that caused errors while exporting a project that had multiple copies of the same video file.
  • Fixed an issue that would cause timeline properties and layers to temporarily disappear while scrolling through the timeline.
  • Fixed a bug that caused the connection panel to sometimes not display active connections between properties.
  • Fixed visual issues with drawing connectors between properties on the Inspector.
  • Fixed the knob that controls the gradient angle for color properties. Now, the knob spins as expected.
  • Fixed a bug that caused effects put on a scene instance to affect the contents of the scene.
  • Fixed a bug with the drop shadow opacity controls.
  • Fixed a bug that caused the twirl effect to behave incorrectly.
  • Fixed an issue that prevented you from creating a new team if you'd already deleted a team.
  • Fixed a bug that prevented you from removing teammates who have not accepted their invites yet.
  • Fixed an issue that caused the Number to Color utility block’s result to be editable when it should be automatically calculated. The property is no longer editable.

Introducing Variables

Fable is known for its power, so buckle up: With Variables, you can connect, expose, and control any property in your project – just like your very own creative mission control!

Watch the tutorial and get connecting or read the help articles for comprehensive documentation on how to use the feature.

Bug fixes & improvements

  • Added a new feature that combines all weights of a custom font into a single entry on the font list. Now, different font weights are selectable from the font-weight input on the Inspector.
  • Improved performance when selecting paths with many points.
  • Restored the Random Seed input field for the Duplicator.
  • Refreshed Project Dashboard styling.
  • Fixed an issue that caused images to be incorrectly cropped if they did not have centered anchor points and had effects applied.
  • Fixed the alignment of the Loop field on the Scene inspector.
  • Fixed a bug that caused keyframes to get misaligned when detaching scene instances from their parent scenes.
  • Fixed a bug that caused tutorial links on the Effects library to not work.
  • Fixed an issue that caused tooltips to remain visible after closing corresponding panels.
  • Fixed an issue that caused some teams with upgraded accounts to not be accessible on the Teams sidebar.

Restyled playback mode


  • Restyled the playback mode menu for layers with keyframes.
  • Updated the context menu style.
  • Assets can now be dragged from the library to the canvas without first clicking the asset to select it.
  • The connections dropdown is now scrollable, so you can see all connection options if you have many blocks and properties on your layers.
  • Starter library files created on teams are now copied into team folders rather than private folders.
  • Relabeled connection panel inputs to “Input” and “Output” connections.
  • Set the default project frame rate to 30fps for new projects.
  • When the editor UI is dimmed during playback, this dimming no longer covers the project canvas itself.
  • Added missing labels for “HasFill” and “HasStroke” options from the connections dropdown.


  • Fixed an issue that caused open-path SVGs to be distorted after being pasted from other vector tools.
  • Fixed the opacity controls for text layers.
  • Fixed an issue that made it possible to export broken GIF files. Now, GIF and h.264 exports should process and download as expected.
  • Fixed an issue that caused some exports with video files to fail.
  • Fixed an issue that was causing exports to take a long time to process.
  • Fixed an issue that prevented Particles fields from conditionally displaying on the Inspector. Now, the Inspector should show only the relevant fields for Particles, contextual to your Particles system’s settings.
  • Fixed an issue where the Connections Panel would not open when clicking the Connection Port.
  • Fixed a design issue with the Connections Panel.
  • Fixed the FPS display appearing on top of the play/pause button, and a couple of missing borders.

Fable redesigned

Jan 13, 2023

Fable redesigned

Over the past few months, our team has been working on redesigning the Fable editor experience to be more usable, delightful, and powerful than ever. Today, we’re releasing our first iteration of the design changes. We’ve decluttered the inspector, added a fresh coat of paint, and updated our design and interaction norms across the editor.

Connections Panel

The Connections Panel is a new interface that enables you to set input and output connections for your properties quickly. The new panel lists all options that a selected property can be connected to. It also enables you to set both input and output connections from one place, so you don’t need to drag multiple connectors across your screen to create a chain of connections.

To open the Connections Panel, hover over a property on the Inspector and click the blue dot that appears to the left of the input. On the panel, you will see two fields: “Controlled by” and “Controlling.” Each field features a dropdown list of all connectable layer properties. If you click one of the listings, the properties will be connected.

The existing drag-to-connect functionality using Property Connectors is still supported.

To learn more about Connections and the Connections Panel, refer to our help docs.

Fixes & Improvements

  • GIFs can now be imported into projects.
  • Added the ability to set anchor points for transform adjustments on the Text Animator effect.
  • Improved the reliability of export downloads.
  • Improved export performance for projects without audio.
  • Improved audio playback performance.
  • Fixed a bug that caused properties to not display for effects/behaviors that were collapsed on the inspector.
  • Fixed an issue that caused audio tracks to play beyond the layer’s out-point. Now audio layers will play only during the layer length designated on the timeline.
  • Fixed an issue that caused lines and artifacts to render around shape edges when exporting GIFs.
  • Fixed an issue that caused Fable to sometimes not open on Safari.
  • Fixed an issue that caused editing text layers to crash the editor.
  • Fixed an issue that caused the parent-child relationship between layers to be broken when creating new scenes with the layers.
  • Fixed an issue that caused hidden layers to be visible in Lottie exports.
  • Fixed an issue that caused certain projects to be unopenable if they had an effect with keyframes toggled off.
  • Fixed an issue that caused certain variable fonts to upload unsuccessfully.
  • Fixed an issue that caused the project dimensions field to display the incorrect option for custom property dimensions.
  • Fixed an issue where some properties would remain visible when an effects block was collapsed.

Bug fixes

Oct 31, 2022

Bug fixes

  • Fixed an issue that sometimes caused an error to be displayed when adjusting a keyframe’s position.
  • Fixed a bug that prevented the ability to rename imported assets on the asset browser. Now, all assets on the asset browser should be rename-able.
  • Fixed an issue that broke layer parent relationships when creating new scenes. Now, creating a new scene with parented layers maintains the layer relationships in the new scene.
  • Fixed an issue that sometimes caused Fable to crash when editing the contents of a text layer.
  • Fixed an issue that caused Fable to not load on Safari.

Fixes & Improvements

  • Introduced group mask compatibility to the Lottie exporter. Now groups used as masks will render as expected.
  • Fixed an issue with the Lottie exporter that caused linear gradient strokes and fills to render at the incorrect angle. Now, gradients on Lottie exports are oriented at the correct angle.
  • Fixed an issue with the Figma plugin that caused linear gradients to import at the incorrect angle.
  • Fixed an issue with the Lottie exporter that caused masks to not be accounted for on exports.

Lottie file size reduction

This week we improved our Lottie exporter by drastically reducing the output file size. On some of our tests, file sizes are 100x smaller!

Contextual Effects Browser

Fable has many effects and layer types, which can make it confusing to know which effects you can use in certain situations. We added a few improvements to contextualize the Effects Browser and make it easier to work with effects.

  • Effects in the browser will be disabled if they cannot be added to the currently selected layer.
  • When you hover over an effect in the browser, a description will explain what it does.
  • Some effects also feature a tutorial link that redirects to a help doc outlining all the effects' controls.

If you have any questions using effects or the effects browser, check out our effects help docs.

Bug Fix

  • Fixed a bug that caused issues on projects with pasted imports from Figma. Now exports and previews should work as expected for Fable-supported Figma files

Introducing Behaviors

At Fable, we’re always looking for ways to make the motion design process more efficient for experienced animators and accessible for newer ones.

We realized there is a specific set of animations that are used on most projects. These are simple transitions and text effects such as fades, spins, and type-on effects. It shouldn’t be a lot of work to create these animations, regardless of skill level. So we set out to figure out a way to make these repetitive animations as easy-as-possible to use on your projects.

Today, we’re introducing Behaviors, a modifier that animates layers without needing to use any effects or keyframes. You can find Behaviors in the Effects & Behaviors Panel on the Editor Action Bar. These plug-and-play modifiers apply instant animations to a layer while also surfacing controls to customize the motion to your projects’ specific needs.

Our initial set of behaviors includes:

If you have a specific type of animation you find yourself doing repeatedly, let us know in our creator community, and we'll create a behavior to make your life easier. If you’d like to learn more about using Behaviors on your projects, check out our help doc on the feature.

New Features

  • We have released a new set of starter files featuring character animation, patterns, imagery, and animated icons. Check them out on the Starter Library!
  • Introduced timeline snapping for keyframes + layer durations. Now keyframes and layers snap to the playhead, other keyframes, other layer in/out points, and the work area.

Bug Fixes

  • Fixed a bug that caused the display of position paths to offset when a layer was inside of a group.
  • Fixed a bug that caused dashboard previews for projects with parented layers to be missing some layers from the preview. Now dashboard previews should render the same picture as final renders.

Orient to Path and Position Paths

GIF of the Fable editor featuring a rocket flying around a planet

We’re introducing the ability to orient objects to the path they’re moving in. Turn on the ‘Orient to Path’ feature for any layer you’d like Fable to automatically set the rotation for. This new feature works for any layer in your project that has position keyframes.

With Orient to Path and Position Paths, you’ll be able to create complex position + rotation animation without needing many keyframes. For example, the animated GIF posted above is created with just 2 position keyframes.

To learn more about how this feature works, refer to this help article.

Multi-Point Selection

We’ve introduced Shape Editing Mode and Position Path Editing Mode over the past month. To give you more control while in these modes, we’re introducing the ability to select multiple points while in these editing modes, so you can efficiently transform complex paths.

While in either editing mode, click + drag to create a marquee around the points you’d like to edit. With multiple points selected, you can drag any selected point to transform the entire selection.

Playhead Snapping

Today we’re introducing snapping to the playhead on the timeline. While dragging the playhead across the timeline, hold ‘SHIFT,’ and the playhead will snap to keyframes, layer in/out points and work area in/out points.

Fixes & Improvements

  • Introduced support for ‘opacity’ animation for groups on Lottie exports.
  • Fixed a bug that caused Lottie exports to sometimes crash when small text layers were included in the project.
  • Fixed an issue that sometimes prevented users from switching export types on the export modal.
  • Fixed a bug that allowed playback beyond the project duration.
  • Fixed an issue that caused the canvas to reset zoom during playback or while panning the canvas with the hand tool.
  • Fixed an issue that caused crashes when ungrouping scenes.
  • Fixed a bug that made it impossible to unlink duplicators.

Improved render quality

Fixes & Improvements

  • Improved render quality when using masks. Masks use to blur the edges of shapes and text layers. Now, masks keep the original layers crisp.
  • Added default font-weight options for variable fonts.
  • Added the ability to use arrow keys while adjusting points on position paths.
  • Fixed an issue that caused trim path animations to temporarily flash when animating the ‘trim offset’ property.
  • Fixed a bug that caused timeline work area handles to not update immediately. Now the work handles affect timeline and exports as expected.
  • Fixed a bug that sometimes caused the timeline length to not be the complete project length.
  • Fixed a bug that caused the timeline length to not update when changing project duration.
  • Fixed a bug that sometimes caused errors when using the “Open in Editor” button on the Player.
  • Fixed a bug that caused errors when selecting layers with linear gradients.

Flip commands

Sep 13, 2022

Flip commands

Fixes & Improvements

  • Adjusted the way ‘Flip Horizontal’ and ‘Flip Vertical’ commands work on groups. Flipping only modifies group properties, allowing children layers to maintain any existing animation.
  • Project previews now preview the work area for a duration of up to 5 seconds. If the project’s work area is less than 5 seconds, the preview will display the shorter duration.
  • Improved the way curves render on the canvas, so they have minimal jagged edges. Triangulation is still visible at 800% zoom; however, this does not affect renders.
  • Fixed an issue that caused particles systems that had added turbulence effects to not render on exports. Now all particles systems render on export formats that support particles.
  • Fixed a bug that caused a crash when re-ordering compound shapes on the timeline. Now you can re-order any type of layer on the timeline.
  • Fixed an issue that caused 'opacity' adjustments on the Text Animator to not appear on exports. Now, all Text Animator effects render on exports.
  • Fixed an issue that caused groups from a detached scene to affect other instances of the group on duplicate scenes. Now detached groups behave independently.
  • Fixed an issue that displayed extra parameters or keyframe buttons on various blocks on the inspector. Now, all blocks display the correct properties.
  • Fixed an issue that sometimes caused projects that were moved between private folders and team folders to disappear from the dashboard. No projects were lost due to this bug, so if you had a missing project, it should appear in the folder it was last in.

Position points and position path editing

Screenshots of the new editing mode user interface

Today, we’re introducing position points and a new position path editing mode that gives you full control over the shape your layers move without affecting the timing of your animation.

Position paths are the lines displayed on the canvas that represent the path a layer follows between two position keyframes. Previously, it was very difficult to create complex position animation because you were limited to editing the two endpoints of the position path.

Today, Position Path Editing Mode unlocks the ability for you to animate layers in any shape you’d like, by allowing you to add interstitial points to your path without affecting the timing or interpolation of your existing keyframes.

To enter position paths mode, select a layer that has position keyframes and use the 'Option + Enter' keyboard shortcut. The editor UI will display a blue flag on the inspector, indicating that you’re in position path editing mode. While in this mode, you can add/delete position points and edit their bezier curves. The points you create do not add new keyframes to the timeline, allowing you to control the smooth animation of your layer with the original keyframes.

Animate layers in any shape with position points and position path editing mode. Learn how to use Position Path Edit mode here.

Align layers as a group

We’ve introduced new ways to align multiple selected layers. With multiple layers selected…

  1. Use the alignment buttons at the top of the inspector to align the entire selection to itself
  2. 'Option + Click' the buttons to align the entire selection of layers, as a group, to the canvas borders

Fixes & Improvements

  • Introduced a bunch of new keyboard shortcuts to make it easier and quicker to navigate the timeline. Check them out here.
  • Released two new starter files: Rising Sun and Wavy Line. They feature animated gradients and the Trim Path effect. Check them out in the Library.
  • Similar to Position Path Editing Mode, we’ve added a new “Edit Mode” UI for shape editing as well.
  • Added the ability to horizontally scroll on the timeline.
  • Fixed an issue that caused curved paths to behave unexpectedly when using the trim paths block. Now Trim Path works as expected on any path shape.
  • Fixed a bug that caused the text alignment buttons to not work. Now you can align your text within the text bounding box horizontally and vertically.
  • Fixed an issue that sometimes caused an error while pasting an SVG from Figma or Illustrator. Now pasting SVGs works as expected.
  • Fixed an issue that caused Lottie export previews to render background layers all the time. Now, preview only displays the background if you have the background property active.

Animated gradients

Aug 30, 2022

Animated gradients

animated screen capture of a gradient changing colors

Gradients are dynamic on Fable! Now you can animate gradient swatches and gradient modes for shape fill and stroke properties on your projects. To get a refresher on how the Color Picker and gradients work on Fable, check out this help article.

Fixes & Improvements

  • Re-labeled the "Direction" property on the Trim Paths effect to "Offset Direction" for clarification. The Offset Direction property only affects the direction of the offset value.
  • Reworked the way loop playback modes work with keyframes. Now the last keyframe of an animated property displays the final value of the animation and selecting that keyframe allows you to edit the value of the last frame in the loop.
  • Added tooltips for all inspector inputs. If you’d like to clarify what a specific input means, hover over the input to see what you are adjusting.
  • Improved the way the Starter File welcome screen displays on larger screen sizes.
  • Fixed an issue that sometimes caused points to disappear while editing a path.
  • Fixed an issue that caused the right-click menu on the editor to not be contextual to the panel you were clicking. Now, when you right-click on the editor, you will see a right-click menu contextual to the element you’ve right-clicked.
  • Fixed an issue that caused the “Create a new scene” action and corresponding hotkeys to be broken. Now this action behaves as expected.
  • Fixed an issue that caused the shape tool to sometimes draw the incorrect shape.
  • Fixed an issue that prevented keyframe timings to adjust on layers with split position properties. Now these layers and their keyframes can be moved along the timeline as expected.
  • Fixed an issue that caused the app to crash when copying and pasting keyframes of properties that did not exist on the target layer. Now this behavior is prevented.
  • Fixed an issue that sometimes caused an app crash when deleting items from the Asset Browser.
  • Added a quick-access hyperlink to Join the Community on the website footer.

Fable Library and Starter Files

Screen capture of the Fable Library

The Fable Library is a collection of starter files available for all Fable users. The Library is the perfect starting point, whether you’re creating your first project on Fable or looking to remix a file for one of your own projects.

You can navigate to the Library by clicking the bottom left sidebar of the project dashboard. Once there, click any starter project to get a personal copy that you can edit to your specific needs.

Learn more about the Fable Library here. If you have specific types of projects you’d like to see built on Fable, join our community and let our team know what you’d like to see!

Sidebar Team Creation and Management

Teams are the cornerstone of collaboration on Fable. With teams, you and your collaborators can stay fully up-to-date on the latest versions of your Fable projects. Everyone stays in sync and can view changes in real time.

We’ve made it easier to create teams and invite others into them. Now, you can create teams, access team settings, and invite others into teams all from the sidebar. Additionally, you’ll be able to access all teams you’re a part of from one place.

For a walkthrough on how to create teams and invite others into them, check out the following help articles:

Fixes & Improvements

  • Changed the way selecting keyframes works on the timeline. Now, the playhead does not move when selecting keyframes.
  • Added the ability to vertically and horizontally flip layers on the canvas. You can do so by right-clicking the layer on the canvas or using the hotkeys 'Shift + H' or 'Shift + V'. These controls have been removed from the inspector.
  • Fixed an issue that caused right-clicking layers on the timeline to deselect layers before opening the context menu, when multiple layers were selected. Now you can right-click multiple layers on the timeline.

Timeline workflow improvements

image of fable's timeline interface

This week, we made a few improvements to the timeline that will increase your productivity in Fable!

  1. Setting a layer’s parent now overwrites any existing parent relationships. You no longer have to remove the existing parent connection to create a new connection.
  2. We added a keyboard shortcut for zooming in ('=') and out ('-') of the timeline.
  3. The keyboard shortcuts for moving the playhead to the next/previous keyframe ('g'/'f') now only account for keyframes currently visible on the timeline.

Fixes & Improvements

  • Audio layer volume now uses decibel (db) units instead of a percentage.
  • Shape tools are now hidden while in path editing mode.
  • Fixed a bug that caused the app to crash when using the color picker with multiple layers.
  • Fixed a bug that caused adjusting the anchor point of a scene to create position keyframes on the children layers.
  • Fixed a bug that caused paths with a trim setting of start: 0% and end: 100% to be hidden on the canvas. Now, these settings display the full path.
  • Fixed inaccurate bounding boxes around straight 2-point paths. Now you can align straight paths vertically and horizontally.
  • Fixed a bug that caused the effects panel to sometimes overlap with the inspector.
  • Fixed a bug that raised an error notification when new users signed up.

Fixes & Improvements

  • Compound shapes are now deleted when all their children are deleted.
  • Previously, blocks with the same name would all collapse if you closed any of them. Now each block is collapsed independently.
  • Fixed a bug that caused the “Bring to front” and layer-priority “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.

Undo/redo keyframe adjustments

Introduced the ability to undo/redo keyframe timing adjustments made with the mouse on the timeline.

Bug Fixes

  • 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 the 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.

Constrain proportions for multiple layers

New Features

  • Introduced the ability to constrain proportions for multiple layers at the same time.
  • Introduced the ability to undo changes to the canvas dimensions setting.

Fixes & Improvements

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

Lottie feature support

Fixes & Improvements

  • We've updated our help docs for Lottie feature support.
  • 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 the audio waveform.
  • 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.

Image fills x Figma

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.

Upload a team image

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 the layer scale with the bounding box.
  • Fixed a bug that disallowed the 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.

Project drag and drop

Drag-and-drop in list view

The dashboard’s Grid and List views 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 a new tab, duplicate, rename, or delete it.

Fixes & Improvements

  • Improved performance of the CMD + Z shortcut to undo. Now selected 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 copying + 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 the 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 the import of SVGs with a 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.

Lottie image support

Image support for Lottie export demo.

Introducing support for image files on Lottie export to expand your customizing capabilities. Incorporate images as animation or static backgrounds 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.

Project Info Panel

May 24, 2022

Project Info Panel

Image of the project dashboard 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 the use of the Particles feature with images.
  • Fixed a bug that broke the range slider for Particles opacity.

Project previews

May 17, 2022

Project previews

Demonstration of the project preview feature.

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.

Transformation guides

Fixes & Improvements

  • Added guides to the controller layer to ease selection, position, rotation, and scaling.
  • Improved the default setting for Antialiasing so it is 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.
  • 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

May 3, 2022

Star tool

Star Tool screnshot

Introducing a new shape tool to create stars, regular polygons, and complex shapes. No more pinpoint Pen tool accuracy is 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 endpoint on the timeline.

New blending modes

Apr 27, 2022

New blending modes

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.

Figma → Fable Integration

Demonstration of where you can find the Figma plugin download

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

Fable teams for everyone

Example of a Teams sidebar

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.

Constrain proportions

Demonstration of new 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.

Collapse multiple layers

GIF demonstration of the ability to lock, hide, expand, and collapse multiple layers all at once.

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.

Width and height transform tools

Demonstration of new width/height transform tool

Layers with adjustable width and height are now indicated by a centered dot on each side; use the dots to adjust the size property rather than the 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.

Flip the Trim Path effect

An example of keyframe capture in Fable's timeline

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

New Features

  • Introduced the shortcut ⌥ + C to open the Effects Panel.
  • Enabled compound shapes to inherit their style from what was previously selected.

Fixes & Improvements

  • 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 occurred 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.

Redesigned browser

Jan 26, 2022

Redesigned browser

We're watching a demonstration of Fable's revamped Effects Library

Redesigned Effects Browser

We recently revamped the Effects Browser 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 occurred 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

  • We added the ability to view help docs for each effect block by clicking the icon.
  • 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 size to not reflect the project canvas size.
  • Fixed a visual bug that resulted from long team names.
  • Fixed a bug that occurred 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.