All activity

This tool assists in building design systems, allowing you to design grid system behavior in the interface, export to CSS & Figma, and share settings via a link. It supports fluid-sized grids, ensuring smooth functionality regardless of window size.

Gridissimo
Design, test, share, and export layout grids to Figma & CSS

2 flags (can be used separately): {current}, {total} and 8 direction modes: ↑ ↗ → ↘ ↓ ↙ ← ↖
{current} or {c} – to place the current frame number
{total} or {t} – to place the number of all slides
To use in page names, simply add flags to the page name

Numerator
Easy way to numerate frames and pages in Figma