Motiff, beyond superior performance
Outstanding performance
Smooth
Self-developed rendering engine breaks through performance limitations.
Speedy
Optimized for multiple design and collaboration scenarios. Offering best practices with minimal latency.
Robust
Stability and low memory usage guaranteed by unique, high-performance structure.
A fluid design experience
Powered by self-developed rendering engine with WebGPU acceleration. Reliable and silky smooth.
Zoom and pan Canvas
Drag and drop layers
Bulk duplicate
Why is Motiff so smooth?
Motiff effectively meets the performance benchmarks ensuring smooth user experience.
FPS
The FPS refers to the average number of frames refreshed every second. Higher FPS values lead to reduced visual delay.
FPS effects under the same jank
FPS: Motiff vs. Figma
Jank rate
The ratio of jank duration and total time within a unit of time. The lower the jank rate, the smoother visual feedback is.
Even with standard FPS, high Jank rate disrupts smooth visuals.
Jank rate: Motiff vs. Figma
WebGPU
WebGPU delivers 20% faster rendering vs WebGL on average, with 4x speedups on some Intel iGPUs.
WebGL vs WebGPU Rendering (Same Workloads)
Our developer story: How WebGPU makes Motiff faster than ever
Engineering Journals
While carefully designed strategies and algorithms set the foundation for Motiff's high performance rendering, WebGPU make Motiff even faster
Chris Liang
Software Engineer Expert
Read our blog about
How WebGPU makes Motiff faster than everStart creating immediately
The loading time of files with 100,000 layers is under 5 seconds in average.
File loading speed
Page switching speed
Speed assessment
Accommodate design needs of various scales, swift design in files with different layer counts.
File loading speed: Motiff vs. Figma
Page switching speed: Motiff vs. Figma
How does Motiff ensure a consistent and seamless experience during your creative process?
Engineering Journals
When users interact with online tools over extended periods, their interactions may trigger asynchronous requests. Improper handling of these requests can lead to webpage crashes. How can we ensure performance in such scenarios? Here are the practices and considerations from the Motiff team.
Ethan Zhang
Director of Engineering
Read our blog about
Managing asynchronous tasks in long-lived single page applicationsStable and reliable designs
Rebuilt file system increases performance limits, smooth editing of million-layer canvas.
Layer capacity test: Motiff vs. Figma
How Motiff engineers power high performance: Real-time optimization securing your creative flow.
Engineering Journals
Motiff stands out as possibly the world's first high-performance editor to offer a smooth editing experience on a million-layer canvas. Dive into the world of our development geniuses, who will decode and share the engineering optimizations that guarantee every design operation's smoothness and stability.
Wen Tao
Software Engineer Expert
Read our blog about
Performance magic behind Motiff*The above data was evaluated in May 2024, with the performance of Figma at the same period as a reference. For more information about the test environment, benchmark files, etc., please refer to the Performance evaluation report.
