Russell Tobin
Position: Technical Writer – Design Systems
Location: Hartford, CT
Rate: $40 to $52/hr on W2
Job Description:
We’re hiring a documentation specialist to help teams understand and implement a design system effectively. This role focuses on writing clear, actionable documentation for design tokens, Web Components, and implementation guidance—making it easier for designers, engineers, QA, and product partners to use the system strategically and consistently.
The design system is a framework-agnostic web component library built with modern front-end technologies, utilizing a foundational stylesheet and a companion Figma library that houses the source of truth for all design tokens connecting design decisions to implementation.
Responsibilities
Create and maintain authoritative documentation that helps consumers of the design system understand what’s available and how to use it: Foundational Styles: Document how to implement foundational styles—colors, typography, spacing, etc.—using CSS variables, tokens, and utility classes. Figma → Code Mapping: Clarify how Figma components relate to tokens and components, including naming conventions, variants, and breakpoints. Designer-Facing Component Documentation: Provide configuration and customization options, usage guidance, and accessibility notes for designers. Design Tokens: Document token taxonomy, usage rules, and how tokens map to components and Figma assets. Implementation Guidance: Provide examples and best practices for integrating system components. Accessibility Patterns: Document accessible usage patterns aligned with WCAG 2.x. Discoverability & IA: Organize documentation for easy navigation and search; define editorial style and templates. Training & Enablement: Create quick-start guides, onboarding checklists, and workshop materials for designers and developers. Must-Have Qualifications
Experience documenting Web Components or React/Angular APIs. Familiarity with modern layout frameworks, grids, and breakpoints. Proven ability to write clear, concise component documentation and reference content. Strong grasp of design tokens and their role in implementation and change management. Excellent collaboration skills across UX, engineering, and QA. Working knowledge of accessibility standards (WCAG 2.x). Nice to Have
Experience documenting Stencil components or similar compiler-based toolchains. Familiarity with large-scale Figma libraries (variants, theming, tokens). Exposure to migration documentation and change-management playbooks. Experience creating internal FAQs, knowledge bases, and release communications. Foundational Styles Documentation: Complete documentation for all foundational styles (colors, typography, spacing, etc.) using CSS variables and tokens. Designer-Facing Component Documentation: Full documentation for existing component library (usage, props, events, accessibility, code samples). Design→Dev Bridge: Mapped guide from Figma components to tokens and components. Token Reference: Clear documentation of token taxonomy and usage rules. Docs IA & Style Guide: Information architecture and editorial style for system documentation. Success Metrics
Adoption & Satisfaction: Increased integration success and positive feedback from UX/Engineering teams. Time-to-Integrate: Reduced time to implement components and styles. Doc Quality: Improved freshness, search success, and reduced unresolved questions. Migration Progress: Higher percentage of apps migrated to the latest version supported by your documentation. Why This Role Matters Now
As the design system scales, maintaining high-quality libraries and driving token-based change management, clarity and consistency are critical. A dedicated documentation specialist ensures the system remains cohesive and actionable across disciplines. Pride Global offers eligible employees comprehensive healthcare coverage (medical, dental, and vision plans), supplemental coverage (accident insurance, critical illness insurance and hospital indemnity), 401(k)-retirement savings, life & disability insurance, an employee assistance program, legal support, auto, home insurance, pet insurance and employee discounts with preferred vendors.
#J-18808-Ljbffr
Create and maintain authoritative documentation that helps consumers of the design system understand what’s available and how to use it: Foundational Styles: Document how to implement foundational styles—colors, typography, spacing, etc.—using CSS variables, tokens, and utility classes. Figma → Code Mapping: Clarify how Figma components relate to tokens and components, including naming conventions, variants, and breakpoints. Designer-Facing Component Documentation: Provide configuration and customization options, usage guidance, and accessibility notes for designers. Design Tokens: Document token taxonomy, usage rules, and how tokens map to components and Figma assets. Implementation Guidance: Provide examples and best practices for integrating system components. Accessibility Patterns: Document accessible usage patterns aligned with WCAG 2.x. Discoverability & IA: Organize documentation for easy navigation and search; define editorial style and templates. Training & Enablement: Create quick-start guides, onboarding checklists, and workshop materials for designers and developers. Must-Have Qualifications
Experience documenting Web Components or React/Angular APIs. Familiarity with modern layout frameworks, grids, and breakpoints. Proven ability to write clear, concise component documentation and reference content. Strong grasp of design tokens and their role in implementation and change management. Excellent collaboration skills across UX, engineering, and QA. Working knowledge of accessibility standards (WCAG 2.x). Nice to Have
Experience documenting Stencil components or similar compiler-based toolchains. Familiarity with large-scale Figma libraries (variants, theming, tokens). Exposure to migration documentation and change-management playbooks. Experience creating internal FAQs, knowledge bases, and release communications. Foundational Styles Documentation: Complete documentation for all foundational styles (colors, typography, spacing, etc.) using CSS variables and tokens. Designer-Facing Component Documentation: Full documentation for existing component library (usage, props, events, accessibility, code samples). Design→Dev Bridge: Mapped guide from Figma components to tokens and components. Token Reference: Clear documentation of token taxonomy and usage rules. Docs IA & Style Guide: Information architecture and editorial style for system documentation. Success Metrics
Adoption & Satisfaction: Increased integration success and positive feedback from UX/Engineering teams. Time-to-Integrate: Reduced time to implement components and styles. Doc Quality: Improved freshness, search success, and reduced unresolved questions. Migration Progress: Higher percentage of apps migrated to the latest version supported by your documentation. Why This Role Matters Now
As the design system scales, maintaining high-quality libraries and driving token-based change management, clarity and consistency are critical. A dedicated documentation specialist ensures the system remains cohesive and actionable across disciplines. Pride Global offers eligible employees comprehensive healthcare coverage (medical, dental, and vision plans), supplemental coverage (accident insurance, critical illness insurance and hospital indemnity), 401(k)-retirement savings, life & disability insurance, an employee assistance program, legal support, auto, home insurance, pet insurance and employee discounts with preferred vendors.
#J-18808-Ljbffr