Designing the CSK Poster in Figma
What I learned scraping IPL stats and turning them into an editorial-style cricket poster.
I built a Chennai Super Kings poster in Figma — pulling stats from the official IPL site and laying them out like a magazine spread. This is the short version of what worked, what didn't, and what I'd do differently.
Why a poster, of all things
I wanted to practice editorial typography and information hierarchy without the safety net of a dashboard tool. Power BI hands you a layout. A blank Figma frame doesn't. That friction is the point.
A poster is a dashboard with no filters and one user. Every element has to earn its place.
The pipeline
- Scrape: pulled stats with a quick Python notebook (
requests+pandas). - Clean: a single CSV, one row per player. No joins, no surprises.
- Compose: imported into Figma, used auto-layout for the player cards.
What I learned
- Grid first, then content. I wasted an evening eyeballing alignment before I gave in and set up a real 12-column grid.
- Two fonts, max. Display serif for stat numbers, monospace for the small print. The third font I tried was the third font too many.
- Negative space is a stat. I cut 30% of the content and the poster instantly looked finished.
Where it lives
Final poster sits in the projects gallery. I'll re-do this every IPL season — partly for the typography practice, partly because CSK keep winning trophies and that's relevant data.