Jinson Johny

I'm a Design Engineer in Dubai. At IBM iX I set up design systems and the ways of working around them. On the side, I build tools for designers, starting with Deck, now used by 160,000+ designers, at companies like Nike, Mastercard and Accenture.

Now: Riyadh Air for IBM iX by day, .gui and Blocks by night.

Deck is used by designers at

  • Accenture
  • Mastercard
  • Nike
  • Amazon
  • Apple
  • SAP
  • Salesforce
  • Google
  • Samsung
  • Adidas
  • PayPal

Used by designers at Accenture, Mastercard, Nike, Amazon, Apple, SAP, Salesforce, Google, Samsung, Adidas, PayPal, Deloitte, EY, PwC, LEGO, Microsoft.

Jinson Johny presenting at the Friends of Figma Dubai Figma Make showcase, holding a microphone behind a laptop.
Friends of Figma Dubai, Oct 2025
01

Work

Client work at IBM iX, Dubai · 2020–now
Part of this case study is password-protected
Aviation · 2024–now

Riyadh Air

Design System Manager

Started on screens, took over the design system, and rebuilt it from December 2024 with a contribution model and automated reviews. Now making it AI-ready, and contributing to the coded components in Storybook.

Read the case study
An open copy of the ADNOC design handbook, showing wireflow and mobile-screen pages.Part of this case study is password-protected
Energy · 2023–2024

ADNOC (Design system)

Design System Manager

Audited a starter design system built for HR tools, then extended it for a data-heavy turnaround app with a modular table, page templates, a gatekept library and a design handbook.

Read the case study
Screens from the ADNOC turnaround app laid out on a table around a tablet: dashboards, tables and charts.Part of this case study is password-protected
Energy · 2023–2024

ADNOC (Product)

Product Designer

Designed an app that moves oil and gas turnaround planning off email and spreadsheets, from user workshops and IA for 30+ modules to the screens.

Read the case study
02

Side projects

Tools for designers, since 2017
Deck's plugin window in Figma.
Deck · since 2017

Figma frames to fully editable PowerPoint

I got tired of rebuilding my slides in PowerPoint. Designers make great slides in design tools, then lose hours rebuilding them because clients need an editable file. So I built Deck: select frames in Figma, get a real PowerPoint with editable text and shapes.

Designers
160k
Presentations
1M+
The Deck story
An abstract illustration of .gui: an interface card turns into structured markup, then into a layout any tool can read.
.gui · since 2026Experimental

The interface, finally a file

Graphics have SVG. Why don’t interfaces have an open, public format? Interfaces live inside proprietary design files or get flattened into screenshots. So I started .gui: an open file format that people, tools and AI agents can all read, write, diff and render.

Screens on gui.farm
185+
Licence
MIT
The .gui story
Blocks' heat map on a Cart component: each part coloured by what AI can change, with counts in a side panel.
Blocks · nowBeta

Make your Figma components AI ready

Why can’t AI fill my components with real data, and get the totals right? Blocks makes Figma components AI ready. Two skills for Figma's agent set a component up and fill it from a plain request, so totals, counts and states follow the content. The plugin shows a heat map of what AI can change.

The Blocks story
Figma Playback's year-in-review screen.
Playback · Dec 2025

A “Spotify Wrapped” for your Figma files

Born out of the #FigmaMakeathon, Figma Playback turns a Figma file's version history, comments and contributors into a “Spotify Wrapped”-style year in review.

The Playback story
03

Writing and talks

All writing
Everything since 2017A timeline of every launch, role, article and talk.