Design system and prototype, with a handoff devs can ship
From wireframe to high-fidelity prototype in Figma. On handover day your frontend team doesn't have to ask a single question about the first component.
When
When a design package is worth it
Inconsistent UI
Every page is slightly different: spacing, button styles, colour palette. Users get frustrated and the team keeps reinventing.
Mockups vs reality
It looks great in Figma, ugly in production. The developer can't tell what the designer actually meant.
No design system
A new feature design takes a week each time. It should take an hour with a tokenised component set.
Poor accessibility
Contrast failures, tiny tap targets, no focus states. Lighthouse below 60 and nobody knows where to start.
Process
How we work
Discovery
User flow, content inventory, brand audit. Week one we see the full scope.
Wireframe
Low-fidelity wireframes for the key flows. Fast iteration, no visual noise.
High-fidelity
Design system tokens (spacing, colour, type), component library, key screens.
Handoff
Figma Dev Mode, design tokens JSON-export, component spec. Frontend starts immediately.
Output
What ships at the end of the package
- Figma file: pages, components, design tokens — fully version-trackable
- Design system docs: spacing scale, colour palette, type ramp
- High-fidelity prototype for the key flows (mobile + desktop)
- Component spec: states (hover, focus, disabled, loading) and responsive behaviour
- Accessibility audit: WCAG 2.1 AA compliance, contrast check, keyboard nav
- 90-minute frontend handoff session — Dev Mode walkthrough
Tooling
Design stack
Industry-standard tooling.
- Figma
- Figma Dev Mode
- Tokens Studio
- Stark
- FigJam
- Notion
- Loom
Timeline
Typical design cycle
Phase 01
Discovery
1 week
User flow, brand audit, scope lock.
Phase 02
Wireframe + design
2-3 weeks
Low to high fidelity with iterative review.
Phase 03
Handoff
2-3 days
Documentation, tokens export, Dev Mode walkthrough.
Pricing
Design packages
Fixed-price packages with pre-agreed scope. Expansion via change-request.
Landing redesign
from €0,0
2 weeks
One landing page plus three to five key sections, designed and handed off.
- Wireframe + high-fidelity
- Mobile + desktop
- Figma handoff
Product UI
from €0,0
4 weeks
Complex web or mobile app UI. Design system plus 8-15 key screens.
- Design system tokens
- 8-15 screens + states
- A11y audit
- 90-minute handoff
Design system
on request
4-8 weeks
Full design system for an existing product or a new build.
- Tokens, components, patterns
- Documentation + Storybook
- Adoption roadmap
FAQ
Frequently asked
30-minute design call
We'll look at your existing UI, talk through goals, and send you a concrete scope outline within 24 hours.