Filimo is looking for a highly skilled Design System Engineer to join our team and play a crucial role in enhancing and expanding our design systems. You will work closely with design, engineering, and product teams to ensure our design system is consistent, efficient, and seamlessly integrated into all workflows, driving the overall quality and scalability of our products.
Responsibilities:
- Contribute to the development of a reusable UI component library using React.js, JavaScript, and TypeScript for the broader product teams.
- Implement custom Figma plugins to enhance the design workflow and automate repetitive tasks.
- Develop JSON APIs to expose design system components and data structures, facilitating integration with other applications and tools.
- Collaborate with frontend developers, product designers, and key stakeholders to gather requirements, provide technical support, and ensure seamless integration of design system components.
- Build and maintain design tokens that can be consumed by various applications, ensuring consistency across all products.
- Drive the adoption of best practices in code quality, modern development techniques, and design system usage.
- Create and maintain detailed technical documentation, educating product teams on the effective use of the design system.
- Utilize Storybook to visually develop, test, and document UI components, ensuring consistent implementation across projects.
Requirements:
- Proficiency in React.JS, JavaScript, TypeScript, HTML, and CSS, demonstrating a strong foundation in front-end development.
- Proficiency with CSS preprocessors like SASS or LESS, enhancing the styling capabilities within the design system.
- Proven experience working in a design system team, focusing on collaboration with designers and developers to maintain design consistency.
- Strong working knowledge of Figma, with the ability to translate designs into scalable and reusable components.
- Strong understanding of design token architecture and management, ensuring consistency and scalability within the design system.
- Proficient in using Storybook to develop, document, and visually test React components, contributing to the creation of a well-documented design system.
- Familiarity with version control systems (Git) and front-end tools like webpack and NPM, ensuring streamlined development and deployment workflows.
- In-depth knowledge of accessibility best practices (WCAG) as applied to React components, ensuring that all design system elements are fully accessible and user-friendly.
- Excellent technical documentation writing skills, with a focus on clear and user-friendly guidance for design system components.
- Good communication skills, with the ability to translate complex technical topics into easy-to-understand language for cross-functional teams.
Nice-to-have Requirements:
- Hands-on experience implementing APIs in backend development.
- Skilled in designing and prototyping user interfaces with Figma.
- Understanding of CI/CD workflows, including automated builds, testing, and deployment processes.
- Experience with server-side rendering techniques, including familiarity with Next.js for improved application performance.