UI Flow Text Fixer

About this plugin

Stop fixing text positions manually in After Effects! 🛑

When exporting designs from Figma to After Effects (using tools like AEUX), text layers often shift vertically because After Effects reads font metrics differently than Figma. "UI Flow Text Fixer" solves this by creating precise, invisible guide layers that match the exact ink bounds (visible pixels) of your text.

⚡ Key Features:

1. Pixel Perfect: ignores line-height and snaps to the actual text pixels.
2. Hierarchy Safe: Works recursively inside Groups, Frames, and nested layouts without ungrouping your design.
3. Non-Destructive: Easily remove all guides with the "Restore Design" button.

🛠 How to use:

1. Select your Main Frame in Figma.
2. Click "🚀 Ready for AE" – this creates invisible guides for all text.
3. Export your selection to After Effects using AEUX.
4. In After Effects, run the UI Flow.
5. Magic! All text layers will snap to their correct visual position and the guides will disappear.

📥 Required After Effects Script:

To complete the workflow, you need the UI Flow for After Effects.

Download after effects script : 👉 Link