Cybertec PostgreSQL  ·  2026

How I built Design Ecosystem and centralised everything

Two to three decks a week, every one built by hand. Five months later, nobody needed a designer to make one.

RoleDesign Systems Engineer & AI Assets Automation
DurationMay to Sept 2026
ScopeResearch, system, build, handoff
The problem

why was this worth solving?

Cybertec ran two to three internal and client-facing events every week, and each one needed a deck. Every deck started as a blank Google Slides file. Alongside that ran a constant trickle of blog covers and social posts, each one rebuilt separately in Illustrator or Photoshop.

Nothing was templated. Everything depended on a designer being free at the exact moment somebody needed something. When they weren't, work queued behind them, or somebody made do on their own and the output quietly drifted off brand.

Nobody was asking for more designers. They were asking why they couldn't do the repetitive parts themselves.

The pattern that kept surfacing in the graphics team interviews
Time per presentation
2 to 3 days

One client-ready deck, built by hand in Google Slides.

Time per asset
2 to 3 hours

Every social post and blog cover, started from scratch.

Tools in play
4 disconnected

Illustrator, InDesign, Photoshop and Slides, sharing no source.

Research

what did I need to learn first?

I didn't open Figma for the first few weeks. The obvious answer was "make templates", and I wanted to know why that hadn't already fixed it before I built anything on top of that assumption.

Where the time went

Not on creative decisions. On rebuilding the same layouts, re-typing the same content, and chasing brand details across files.

What people actually wanted

The content team knew what they wanted to say. They just couldn't make it look right, and had no interest in learning a design tool to do it.

Why templates hadn't worked

Static templates existed and got ignored. They went stale the moment the brand shifted, and nobody trusted them enough to use one unsupervised.

the finding that changed the plan

My first instinct was a template gallery: a tidy library the content team could browse and pick from. Sitting with them killed that idea. Choosing a layout was the part they least wanted to do, because choosing meant owning whether it looked right.

So the model inverted. The content team brings words. The system picks the layout. A designer, once, decides what the system is allowed to pick from. That single reversal is why it got used instead of ignored like every static template before it.

A surreal collage of an eye and hand emerging through torn paper against a painted sky
NOTEMost of the useful research was watching, not asking. People describe the workaround they've normalised as though it were the job.

Design once.Reuse forever.

The principle everything after this had to hold up.

Cybertec · Design Ecosystem
01
My role

the title said systems. the work was wider.

Small design team, no product manager on this, no engineer until the end. So the work ran from finding the problem all the way to writing the spec that let somebody else finish it.

  1. Audit and consolidate

    Mapped every asset scattered across four tools and rebuilt them as one structured Figma system. That file became the company's source of truth, and everything downstream reads from it.

  2. Prototype with AI

    Instead of static mockups, I put working prototypes in front of the graphics team within days. Being able to click through a wrong idea quickly is what killed the template gallery early, before it cost anything.

  3. Build it

    Took the validated flow and built the real thing, wiring Figma in over MCP so a pulled frame keeps its fonts, colours and layout exactly as designed.

  4. Document and hand off

    Wrote the ruleset a developer needed: colour by role, type rules, the spacing grid, accessibility floors, export specs. Anything undecided was marked undecided rather than guessed at.

The model

one system, two very different jobs

The whole design rests on separating these two people completely. A designer sets the system up, once. The content team runs it, daily, and never sees a design decision.

Designer

Once per template, then never again

01Paste a Figma frame link, pulled live over MCP
02Confirm the fonts, colours and text fields it detected
03Name it, type it, decide if it is fixed to a position
04Save it into a template set in the library
shared library

Content team

Every day, with no design input

01Pick a template, drop in a document or type sections
02Watch it build, no choices required
03Review, reorder anything that isn't locked, edit text
04Export as PPTX, PDF or PNG and leave
Process

from grey boxes to a working product

I wireframed in plain boxes first, deliberately unstyled, so every conversation stayed on the flow instead of the colours. By the time it was worth making anything look finished, the structure and the vocabulary were already settled.

wireframe / admin, add a template
Early wireframe of the add a template screen, showing the Figma link step, detected fonts and colours, labelling, and the fixed slide decision
WF 01The import step, four stages, only the first needing anything from a designer.
wireframe / admin, template library
Early wireframe of the template library, a grid of slide templates each tagged by type with fixed slides marked
WF 02The library, with fixed slides badged so the constraint reads at a glance.

where the language got sharper

Testing the wireframes settled the vocabulary before a line of production code existed. The unit became Add a Slide, with a Template promoted to mean the set those slides belong to, which matched how the team already talked about their decks.

The final step became Review and export, leading with the review, because that screen's real job is the last look before anything leaves the building.

Cheap to redraw a grey box. Expensive to rename a concept people have already learned.

Why the rough stage stayed rough for as long as it did
The hard part

where the real tension was

This was the design problem underneath the whole project, and the part I spent longest getting right.

Lock it all down

Every deck needs a designer's sign-off again. The queue comes straight back and the tool has solved nothing.

versus

Let anything move

Brand consistency slips within weeks. Which is precisely what happened to the static templates nobody trusted.

the resolution: fixed slots

A designer pins the brand-critical slides to a position. Those always appear, always there, and cannot be moved or removed. Everything between them fills in automatically from whatever content arrives. The edges stay locked, the middle stays free, and nobody has to negotiate per deck.

How every generated deck is structured
OpeningSlide 1
Set by design
AgendaSlide 2
Set by design
Whatever the content needsSlides 3 to n
Chosen automatically, reorderable by the content team
ClosingLast slide
Set by design
Fixed, locked to the content team Flexible, filled from their material
WF 03The same structure as first wireframed, plus controls to replace or unlock any fixed slide later.
wireframe / admin, slide order
Early wireframe of the slide order screen showing fixed slides in position with automatic slides filling the gap between
The daily user

what does it feel like to use?

Deliberately unremarkable. Two ways in, one screen to review, no design decisions anywhere in the path.

content team / upload
Wireframe of the create presentation screen with the upload a file option selected, showing a drop zone
WF 04The recommended path. Drop a document in and each part maps to a slide type on its own.
content team / sections
Wireframe of the create presentation screen with the type into sections option selected, showing labelled section fields
WF 05For anyone who wants to steer. Labels guide how content groups into slides.

Two entry points, because research turned up two genuinely different working styles. Some people arrive with a finished document. Others think in sections and want to shape the order themselves.

What both share is the absence of a design choice. There is no template picker on this screen. That decision was already made upstream by someone whose job it is.

No design decisions required from this user.

The line I kept at the bottom of every content team wireframe, as a constraint to design against

then they review, and leave with a real file

The review screen is the only place editing happens. Every slide in order down one side, the selected slide's text fields on the other. Fixed slides show a lock and no edit affordance. Everything else can be reordered or reworded.

Then it exports. PPTX matters most: it stays editable in PowerPoint, which is what makes the output a real deliverable instead of something trapped inside an internal tool.

content team / review and export
Wireframe of the review screen, showing the slide list with fixed slides marked, an editing panel, and export options
WF 06Locked slides carry a badge. The rest offer a change design link.
Handoff

what the developer actually got

Not a Figma file and a conversation. A working prototype, plus a ruleset where every rule is specific enough to be checked automatically.

Colour by role, not by vibe. Type rules including when the highlight face is allowed. An eight pixel grid with its one documented exception. Accessibility floors, export specs, file naming.

Their job became fixing bugs and hardening it, not reverse-engineering intent from static mockups.

cybertec-presentation-ruleset.md
## 3. Color
COL-01 Dark bg, base fill
  Exact match: Primary Blue 100%
COL-05 Body text, any bg
  Exact match: Dark Grey 100%

## 4. Typography
TYPE-02 Highlight eligibility
  Max 6 words, no end punctuation
TYPE-03 Highlight proportion
  Max 30% of slide characters

## 7. Layout
LAYOUT-01 Spacing grid
  All gaps multiples of 8px
LAYOUT-02 Alignment tolerance
  Shared edges within 2px
DOCAn extract. Every rule written to be testable, so compliance can be automated rather than eyeballed.

And then the queuedisappeared.

What used to be a request became something people finished themselves.

Outcomes
02
Outcomes

what actually changed

2 to 3 days
Under an hour
A full client-ready deck, start to export
2 to 3 hours
Minutes, self-serve
One social post or blog cover
A designer, every time
0% without one
Routine requests now needing no design involvement
4 disconnected tools
One Figma source
Brand changes happen once, upstream

On these numbers: they are my own read from watching request volume after rollout, not a formal audited study. The structural change is the part I would defend without hesitation.

Reflection

what I'd do differently

The build was the fast part. AI-assisted prototyping meant I could put a working flow in front of people in days rather than sprints. That changed how quickly I could be wrong and recover from it.

The slow part was earlier, and I would give it even more room next time: understanding what a team had stopped bothering to ask for. The template gallery I nearly built would have shipped, looked fine, and been ignored, exactly like everything before it.

Still unfinished: real permissions instead of a role switch, a no-code path for admins to add templates without a developer, and true client-side PPTX generation. All sequenced out on purpose. None of them were needed to prove the idea.