I will build a design system with tokens components and docs

A
ariftarkandilek
A
ariftarkandilek
Arif Tarkan

About this gig

I built and maintained the company-wide design system at a software company that ships to airlines and large enterprise groups. Not a folder of Figma screens, a system engineers actually used.


What you get:

  • Design tokens: colour, typography, spacing, radius, elevation, in a structure that maps cleanly to CSS variables or Tailwind config
  • A component library in Figma with variants and proper auto layout, so it survives contact with a real team
  • States covered: default, hover, focus, disabled, loading, error
  • Light and dark, if you need both
  • Documentation that says when to use a component and when not to
  • Optional: the same components written as React and Tailwind code, from the same hands that designed them

The point of a design system is that the fifth screen takes an hour instead of a day. That only works if the naming, the tokens and the docs are right, which is where most systems fall down.


Tell me what you have today, Figma file, existing code, or nothing at all, and I'll tell you which package fits.

Delivery style preference

Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.

Respect third-party rights

Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.

Get to know Arif Tarkan

Arif Tarkan

Product Designer and Front End Developer, Enterprise UX, Astro and React Sites

  • FromTurkey
  • Member sinceOct 2022
  • Avg. response time1 hour
  • Languages

    English
I'm a product designer who also writes the front-end. The same person does the Figma and the code, so what you approve in the mockup is what ends up in the browser. Five years designing operations software for airlines and large enterprises: electronic logbooks used on tablets in the hangar, a pre-flight app for pilots, incident tools, dense dashboards. I built the design system and wrote the React and Next.js myself. I also run Alder Themes: Astro and Tailwind website templates for restaurants, hotels and clinics. Istanbul, remote, in English or Turkish.

My Portfolio