Design System Designer, OKDS

<div data-page-id="JAF7dFJcWoUusRx7RKkuM14BsYc" data-docx-has-block-data="false"> <h2 class="heading-2 ace-line old-record-id-doxusd6NtLTrM8e4ysmP03OKuHd"><strong>Who We Are</strong></h2> <div class="ace-line ace-line old-record-id-ZDGzdXG4poqMiSxarJbuzJzls1d"> <div data-page-id="RpoEdRXrWoavx2xJ5CPu6mmysBc" data-lark-html-role="root" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-RKOAdw3kVoh5EQxcr2juP3i0sTb"> <div data-page-id="Kpucdjv7JoAcSZxSf7PuRl5Yscb" data-lark-html-role="root" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-Cfb8dvi9voxFkWxhNcmuJX50sZb">At OKX, we believe that the future will be reshaped by crypto, and ultimately contribute to every individual's freedom. OKX is a leading crypto exchange, and the developer of OKX Wallet, giving millions access to crypto trading and decentralized crypto applications (dApps). OKX is also a trusted brand by hundreds of large institutions seeking access to crypto markets. We are safe and reliable, backed by our Proof of Reserves. Across our multiple offices globally, we are united by our core principles: <em>We Before Me</em>, <em>Do the Right Thing</em>, and <em>Get Things Done</em>. These shared values drive our culture, shape our processes, and foster a friendly, rewarding, and diverse environment for every OK-er. OKX is part of OKG, a group that brings the value of Blockchain to users around the world, through our leading products OKX, OKX Wallet, OKLink and more.</div> </div> </div> </div> </div> <div class="ace-line ace-line old-record-id-doxus6W44CsvjWg7Am35twN6Dpe">&nbsp;</div> <h2 class="heading-2 ace-line old-record-id-doxusl417D129Ked7hp9WBVv9lg"><strong>About the Opportunity</strong></h2> <div class="ace-line ace-line old-record-id-doxuss6XESKYQHip9PQStty5I5K"> <div data-page-id="doxusHRMUQvEzIOjcjlkF2vdZMe" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-doxusG86IE0cOcyoMmYiPn7WCbf"> <div data-page-id="ABoGdpsZLoD6ZmxNBoqu9h6Qsdg" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-G4UYdm0Mao8GgEx8SJauwhXfsdb"> <div data-page-id="NNdJdWfMuoBuH7xr0VSuePCAs2c" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-Hl9odV6dXo1BXwxWaXsui15usze"> <div data-page-id="RU7kdxQ3ioFOa6x7RQplaR9Tgdg" data-lark-html-role="root" data-docx-has-block-data="false"> <div class="ace-line ace-line old-record-id-TAyKdIZ6Uo2iLKxvMLhlZIE3grh">Join the team building Agentic OKDS—OKG’s design intelligence infrastructure and the operating system between human intent and AI-generated output. You will contribute across three connected capability areas: Foundations, including token architecture for color, spacing, and radius; Components, spanning OKDS core components, business components, and AI-ready architecture; and Templates + AI Tooling, covering template systems, AI transformation infrastructure, and pipeline readiness. Your primary assignment may change based on team needs, while you build the breadth to work effectively across all three. You will combine strong craft with design-engineering judgment to improve reuse, adoption, delivery speed, and implementation quality.</div> </div> </div> </div> </div> <div class="ace-line ace-line old-record-id-G4UYdm0Mao8GgEx8SJauwhXfsdb">&nbsp;</div> </div> </div> </div> </div> <h2 class="heading-2 ace-line old-record-id-doxusI2RkaIWtuQsGjyJjA6hybg"><strong>What You’ll Be Doing</strong></h2> <div data-page-id="RU7kdxQ3ioFOa6x7RQplaR9Tgdg" data-lark-html-role="root" data-docx-has-block-data="false"> <ul class="list-bullet1"> <li class="ace-line ace-line old-record-id-I1rcdKQcnoyXoCxzjyulO90dgYU" data-list="bullet"> <div>Own scoped initiatives across Foundations, Components, or Templates + AI Tooling—from research and reuse validation through specification, release, adoption, and iteration—while contributing effectively across all three areas as priorities change.</div> </li> <li class="ace-line ace-line old-record-id-J7BmdJ2TrobxTNxTS8BlMIz4gSg" data-list="bullet"> <div>Develop and maintain foundation standards and token architecture for color, spacing, radius, themes, modes, and platform variation, ensuring consistency between Figma and implementation.</div> </li> <li class="ace-line ace-line old-record-id-XqlMdzS6nocL3YxEPqLlqj9IgEe" data-list="bullet"> <div>Design and evolve OKDS core components and reusable business components with clear naming, variants, states, metadata, composition rules, and architecture suitable for designers, engineers, and AI-assisted workflows.</div> </li> <li class="ace-line ace-line old-record-id-CrCedYMxeoBhyPx8T7flQaqUguf" data-list="bullet"> <div>Build reusable template systems and AI-readable guidance, and contribute to tooling infrastructure and validation workflows that improve AI pipeline readiness and production-quality output.</div> </li> <li class="ace-line ace-line old-record-id-NnZjdLxujoQUDixnZ03l1jGYghe" data-list="bullet"> <div>Partner closely with engineers to ensure design intent, platform behavior, component APIs, and accessibility requirements remain aligned across Web, iOS, and Android.</div> </li> <li class="ace-line ace-line old-record-id-UJLxdShkJo2ZP8xOBkhlhrmRgZC" data-list="bullet"> <div>Prototype and improve AI-assisted workflows for template generation, component discovery, variant generation, specification, and quality review—while applying critical human judgment to the output.</div> </li> <li class="ace-line ace-line old-record-id-Va3EdiOQUoUyLHx8H8Al5ahNg0g" data-list="bullet"> <div>Drive adoption with product teams through consultation, enablement, migration support, and feedback loops; treat designers and engineers as users of the platform.</div> </li> <li class="ace-line ace-line old-record-id-SAssd6ULdokZPBx2o7KlEXEggGh" data-list="bullet"> <div>Apply quality acceptance criteria covering interaction states, responsive behavior, accessibility, compliance, and implementation-ready handoff.</div> </li> <li class="ace-line ace-line old-record-id-NPo7dFwv6oTBjAx9PYol75FZgTh" data-list="bullet"> <div>Plan and deliver work transparently, manage dependencies, and track outcomes such as reuse, adoption, reduced rework, and faster implementation.</div> </li> </ul> </div> <h2 class="heading-2 ace-line old-record-id-doxusA9TF9jUkqvydDVZ26era1g"><strong>What We Look For In You</strong></h2> <div data-page-id="NNdJdWfMuoBuH7xr0VSuePCAs2c" data-docx-has-block-data="false"> <div data-page-id="RU7kdxQ3ioFOa6x7RQplaR9Tgdg" data-lark-html-role="root" data-docx-has-block-data="false"> <ul class="list-bullet1"> <li class="ace-line ace-line old-record-id-FsT0dgSs4ov0M4x3SuolIsEJgnQ" data-list="bullet"> <div>Demonstrated experience delivering reusable design-system components, patterns, or foundations in a complex digital-product environment.</div> </li> <li class="ace-line ace-line old-record-id-I2Tud1uE7o1lXrxmVaKletpwgsb" data-list="bullet"> <div>Strong Figma capability, including component properties, variables, modes, libraries, and scalable file organization.</div> </li> <li class="ace-line ace-line old-record-id-X91jdWYoKoxUbdxmXMclCEo4gJh" data-list="bullet"> <div>Working knowledge across design-system foundations, component architecture, and template systems, including tokens, theming, documentation, versioning, reusable business patterns, and contribution workflows.</div> </li> <li class="ace-line ace-line old-record-id-P4ptdVPqBoMjt3xjrTLlo1Ungif" data-list="bullet"> <div>Strong craft under ambiguity: able to explore, prototype, test, and refine detailed interaction and visual behavior.</div> </li> <li class="ace-line ace-line old-record-id-N8UQd4rKcoFbumxwtbolO4etg0e" data-list="bullet"> <div>Design-engineering fluency and comfort discussing implementation constraints, states, APIs, and platform differences.</div> </li> <li class="ace-line ace-line old-record-id-BKV9dPdfjo8KKyx8gLGl04gjgRe" data-list="bullet"> <div>An adoption mindset: you investigate user needs, make standards practical, and follow through until teams can use them successfully.</div> </li> <li class="ace-line ace-line old-record-id-XkRZdFezZoXXIOxX3p2la0SfgUc" data-list="bullet"> <div>Practical capability with AI-assisted design and development workflows, plus the judgment to assess tooling, strengthen pipeline readiness, and review generated output for correctness, consistency, and production readiness.</div> </li> <li class="ace-line ace-line old-record-id-In1IdpEAtouuCIxhXI3ld4vEgUN" data-list="bullet"> <div>Clear written and verbal communication, constructive collaboration, and the ability to explain system decisions to designers, engineers, and product partners.</div> </li> <li class="ace-line ace-line old-record-id-Ztjed8sYzoGZ08xkRddl4snBgQd" data-list="bullet"> <div>Reliable operational ownership: able to scope work, communicate progress and risks, manage dependencies, and deliver with quality.</div> </li> <li class="ace-line ace-line old-record-id-O0O9dlK3NoheaHxrhGIl0W6Rg0O" data-list="bullet"> <div>Product and business awareness, including the ability to connect design-system choices to speed, quality, risk, and reuse.</div> </li> <li class="ace-line ace-line old-record-id-ZbExdr52uohYTlxP4v9l7DKzghb" data-list="bullet"> <div>Working knowledge of accessibility, compliance, responsive behavior, and complete global-state design.</div> </li> </ul> </div> </div> <h2 class="heading-2 ace-line old-record-id-doxusvnFLHEcrU3EZSqi1qdAlRh"><strong>Nice to Haves</strong></h2> <div data-page-id="ABoGdpsZLoD6ZmxNBoqu9h6Qsdg" data-docx-has-block-data="false"> <div data-page-id="NNdJdWfMuoBuH7xr0VSuePCAs2c" data-docx-has-block-data="false"> <ul class="list-bullet1"> <li class="ace-line ace-line old-record-id-P6H8dzpRco9EAOxua5Eu6bHZs0g" data-list="bullet"> <div>Experience designing for Fintech, Investment platforms, or Crypto products</div> </li> <li class="ace-line ace-line old-record-id-GHbGdN4RboDwNCx2ajOuLYOoshg" data-list="bullet"> <div>Experience working with teams across offices and timezones</div> </li> <li class="ace-line ace-line old-record-id-ClVxd0hmoobh9Vxjvk6uOjEMsjd" data-list="bullet"> <div>Understanding of React framework for Front End development</div> </li> </ul> </div> </div> <h2 class="heading-2 ace-line old-record-id-doxusXHTxE1ng5NXSR8cKaY4vhf"><strong>Perks &amp; Benefits </strong></h2> <ul class="list-bullet1"> <li class="ace-line ace-line old-record-id-doxusKanPRhZJXSlF12Rjx4mSnd" data-list="bullet"> <div>Competitive total compensation package</div> </li> <li class="ace-line ace-line old-record-id-doxusiGTuvYAMpGUEPJUs2M7veh" data-list="bullet"> <div>L&amp;D programs and Education subsidy for employees' growth and development</div> </li> <li class="ace-line ace-line old-record-id-doxusfCPfNQIPMLDddcFHLcCJRC" data-list="bullet"> <div>Various team building programs and company events</div> </li> <li class="ace-line ace-line old-record-id-doxus4bR0jQUqjWaRWQst2HUz2g" data-list="bullet"> <div>Wellness and meal allowances&nbsp;</div> </li> <li class="ace-line ace-line old-record-id-doxusUbh4aZ3FUJUni611Y961Kf" data-list="bullet"> <div>Comprehensive healthcare schemes for employees and dependants&nbsp;</div> </li> <li class="ace-line ace-line old-record-id-doxusuyHQ3CbGlSvsgMGOwWYDnd" data-list="bullet"> <div>More that we love to tell you along the process!</div> </li> </ul> </div><div class="content-conclusion"><div data-lark-html-role="root"><span class="text-only" data-eleid="18"><span class="text-only"><span class="text-only" data-eleid="6">Notice:<br></span></span></span> <div data-lark-html-role="root"><span class="text-only" data-eleid="26"><span class="text-only">All official </span><span class="text-only text-with-abbreviation text-with-abbreviation-bottomline">OKX</span><span class="text-only"> vacancies are published on this website.</span></span> <span class="text-only" data-eleid="28"><span class="text-only">While roles may appear on selected third-party platforms from time to time, information on other sites may be inaccurate or outdated. </span></span><strong><span class="text-only" data-eleid="29"><span class="text-only">If in doubt, please apply directly through our official careers website.</span></span></strong></div> </div> <div data-lark-html-role="root"><span class="text-only" data-eleid="18"><span class="text-only">Information collected and processed as part of the recruitment process of any job application you choose to submit is subject to&nbsp;</span><span class="text-only text-with-abbreviation text-with-abbreviation-bottomline">OKX</span><span class="text-only">'s </span></span><a class="link rich-text-anchor __anchor-intercept-flag__ text-content-link" href="https://www.okx.com/en-eu/help/okx-candidate-privacy-notice" target="_blank" data-eleid="19" data-lark-is-custom="true" data-lark-link="true">Candidate Privacy Notice</a><span class="text-only" data-eleid="20"><span class="text-only">.</span></span></div></div>