Uploaded September 2021 | Updated September 2026, 5 days ago
/// About:
In this video, Andrew Marston and Zack Lovatt show how to prototype animations quickly using the Flex tool for After Effects.
/// Links from the Video:
Flex tool: aescripts.com/flex
Zack's Website: https://lova.tt/
Zack's Twitter: twitter.com/zlovatt
Zack's Instagram: instagram.com/zlovatt
Andrew's Instagram: instagram.com/andrewdmarston
Andrew's Twitter: twitter.com/andrewdmarston
Ukrameida Online Community: ukramedia.com/community
/// Let's Connect:
Facebook: facebook.com/ukramedia
Twitter: twitter.com/ukramedia
Instagram: instagram.com/ukramedia
Pinterest: pinterest.com/ukramedia
Linkedin: https://www.linkedin.com/company/ukra...
YouTube: youtube.com/c/ukramedia
Ukramedia Online Community: ukramedia.com/community
/// Video Chapters:
00:00 Introduction
00:51 Project Overview
02:26 Prototyping Animations Manually
16:53 Prototyping Animations Manually
35:05 Outro
/// Mailing Address:
P.O. Box 621
Huntersville, NC 28070
#MotionGraphics #AfterEffects #AeExpressions
/// About:
In this video, Andrew Marston and Zack Lovatt show how to prototype animations quickly using the Flex tool for After Effects.
/// Links from the Video:
Flex tool: aescripts.com/flex
Zack's Website: https://lova.tt/
Zack's Twitter: twitter.com/zlovatt
Zack's Instagram: instagram.com/zlovatt
Andrew's Instagram: instagram.com/andrewdmarston
Andrew's Twitter: twitter.com/andrewdmarston
Ukrameida Online Community: ukramedia.com/community
/// Let's Connect:
Facebook: facebook.com/ukramedia
Twitter: twitter.com/ukramedia
Instagram: instagram.com/ukramedia
Pinterest: pinterest.com/ukramedia
Linkedin: https://www.linkedin.com/company/ukra...
YouTube: youtube.com/c/ukramedia
Ukramedia Online Community: ukramedia.com/community
/// Video Chapters:
00:00 Introduction
00:51 Project Overview
02:26 Prototyping Animations Manually
16:53 Prototyping Animations Manually
35:05 Outro
/// Mailing Address:
P.O. Box 621
Huntersville, NC 28070
#MotionGraphics #AfterEffects #AeExpressions




🔧 Smart Resizer (Tool Used):
[https://ukramedia.com/SmartResizer](https://ukramedia.com/SmartResizer)
──────────────────────────────
⏱ Chapters
00:00 What we’re building (Auto-Fit Text demo)
00:19 Method 1 — Smart Resizer (fastest setup)
01:09 Add padding using Margin Width
01:37 Method 2 — Expressions (no tools required)
03:29 Fix the “tiny text gets oversized” issue (cap scale at 100%)
04:42 Finished setup
──────────────────────────────
🧠 Expression Used (Auto-Fit Text to Width)
Apply this to: Text Layer → Scale
```jsx
sizeLimit = 400; // max width in pixels before shrinking
textWidth = sourceRectAtTime(time, false).width;
scaleLimit = (sizeLimit / textWidth) * 100;
fixedScale = Math.min(scaleLimit, 100);
[fixedScale, fixedScale]
```
Tip: Set `sizeLimit` close to your shape width (use a smaller number for padding).
──────────────────────────────
🔍 SEO Keywords
after effects auto fit text, auto resize text after effects, after effects responsive text, fit text to shape after effects, sourceRectAtTime width, after effects expressions tutorial, clamp scale expression, dynamic text box after effects, motion graphics titles, lower thirds after effects, text overflow fix after effects, responsive design after effects
#AfterEffects #MotionGraphics #AfterEffectsExpressions #VideoEditing After Effects Has NO Auto-Fit Text… So I Built One](https://i.ytimg.com/vi/jlyru5YXCfY/mqdefault.jpg)






