UI-designer inom designsystem

📍 Job Overview

Job Title: UI Designer within Design System

Company: Avaron AB

Location: Solna, Sweden

Job Type: Full-time

Category: Design Operations / UI/UX Design

Date Posted: 2026-05-25

Experience Level: Mid-Senior Level (5-10 years)

Remote Status: On-site

🚀 Role Summary

• This role is pivotal in consolidating two design systems into a unified standard for a large retail environment, focusing on a platform used daily by store employees.

• You will be instrumental in building and managing a scalable design system, encompassing components, design tokens, typography, spacing, and documentation.

• The position emphasizes close collaboration with UI Developers and Product Designers in an AI-first environment, promoting code-centric workflows and rapid feedback loops.

• You will contribute to architectural decisions for token management, naming conventions, and prioritization of consolidation efforts.

• This is an opportunity to influence both the craft of design and the practical development of modern design systems.

📝 Enhancement Note: While the title indicates a UI Designer role, the responsibilities and requirements strongly suggest a focus on Design Operations and Design System Management. The emphasis on architecture, governance, and collaboration with developers positions this as a strategic role within the design function, aligning with operations principles of standardization and efficiency.

📈 Primary Responsibilities

• Construct and maintain components, design tokens, typography, spacing, patterns, and documentation within the design system.

• Lead the consolidation of two existing design systems, contributing to the architecture for tokens, naming conventions, mapping, and prioritization of consolidation efforts.

• Ensure the design system effectively meets the needs of a complex, store-facing platform and supports teams building upon it.

• Foster a closer collaboration between design and development through hands-on work with code.

• Integrate AI tools as a natural part of the daily workflow, exploring and implementing methods to enhance both quality and speed.

• Contribute to the platform's versioning, documentation, change management, and communication strategies for user teams.

• Drive best practices in component development, ensuring reusability, scalability, and maintainability.

• Facilitate efficient handoffs between design and development teams by ensuring clear, actionable documentation and well-defined component properties.

📝 Enhancement Note: The responsibilities highlight a strategic approach to design system management, focusing on scalability, maintainability, and cross-functional collaboration, which are core tenets of effective operations. The emphasis on AI integration and code-centric collaboration suggests a forward-thinking operations approach.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's or Master's degree in Design, HCI, Computer Science, or a related field, or equivalent practical experience, is typically expected for roles requiring advanced design system expertise.

Experience: Several years of experience building and managing design systems, preferably those utilized by multiple teams.

Required Skills:

• Multiple years of experience building and managing design systems, ideally systems used by many teams.

• Proficient in advanced component building within Figma, including variables, modes, properties, slots, and auto-layout.

• Deep understanding of multi-tier tokens, including primitives, semantics, theming, and mode management.

• Technical understanding of the design-to-code process and the ability to engage in qualified discussions with UI Developers.

• Active experience using AI tools in daily work, such as Claude, Cursor, v0, Lovable, or Figma Make.

• Excellent communication and collaboration skills for close work with fellow designers and developers.

Preferred Skills:

• Experience with multi-platform and multi-brand design systems.

• Experience with Code Connect, Dev Mode, or pipelines like Style Dictionary.

• Experience building reusable components and patterns for AI functionality.

• Experience with complex internal tools, B2B applications, or retail and operations systems.

• Experience with governance and contribution models in design systems used by many teams.

• Experience writing and structuring documentation suitable for both humans and AI agents.

📝 Enhancement Note: The requirements strongly emphasize practical, hands-on experience with modern design tools and methodologies. The explicit mention of AI tools and code-centric collaboration indicates a need for candidates who are adaptable and forward-thinking in their approach to design operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable experience in building and scaling a design system from inception or significant evolution.

• Case studies showcasing advanced Figma proficiency (variables, auto-layout, component properties, slots).

• Examples of token architecture, including multi-tier structures, theming, and mode management.

• Projects illustrating close collaboration with development teams, showcasing the design-to-code handoff process.

• Evidence of using AI tools to enhance design workflows or component creation.

Process Documentation:

• Workflow designs and optimization strategies for design system development and maintenance.

• Implementation methods for new components, tokens, and patterns, including versioning and release processes.

• Measurement and performance analysis of design system adoption and impact across different teams.

• Strategies for managing design system contributions and governance from multiple stakeholders.

📝 Enhancement Note: A strong portfolio is crucial for this role, as it will be the primary method for evaluating a candidate's practical experience with design systems, Figma, token architecture, and cross-functional collaboration. The company is looking for tangible proof of expertise in managing complex design operations.

💵 Compensation & Benefits

Salary Range: Based on the experience level (5-10 years) and the specialized skills required for a UI Designer within a Design System role in Solna, Sweden, a competitive salary range would typically be between 45,000 SEK and 65,000 SEK per month. This estimate is derived from industry benchmarks for senior design roles in the Stockholm metropolitan area, considering the technical depth and operational responsibilities.

Benefits:

• Permanent employment with Avaron AB.

• Occupational pension plan.

• Wellness allowance of 5,000 SEK per year.

• Opportunity to work with diverse clients and projects through Avaron's consulting model.

• Access to a dedicated consultant manager for professional development support.

Working Hours: The role specifies full-time employment. A standard full-time workweek in Sweden is typically 40 hours, with potential for some flexibility depending on client needs and project demands.

📝 Enhancement Note: The salary estimate is based on current market data for senior UI/UX Design and Design Operations roles in Sweden, factoring in the specific requirements for design system expertise and AI tool proficiency. The benefits package is standard for Swedish employment but highlights the dual advantage of permanent employment with Avaron while gaining diverse client experience.

🎯 Team & Company Context

🏢 Company Culture

Industry: Avaron AB operates within the technology and IT consulting sector, providing specialist talent across various fields, including tech, IT, and business support, to diverse clients. The specific client in this role is in the retail environment.

Company Size: Avaron AB is a consultancy firm, likely employing a significant number of consultants. The client company is described as a "large retail environment," indicating a substantial organization with a complex operational structure.

Founded: Information on Avaron AB's founding date is not provided, but their operational model suggests an established consultancy. The client company's retail context implies a long-standing presence or a significant digital transformation initiative.

Team Structure:

• You will be part of a specialized design team at the client company.

• This team works closely with UI Developers and Product Designers.

• The environment is moving towards more code-centric collaboration and AI-first approaches.

Methodology:

• The client environment is adopting an AI-first approach, integrating AI tools into daily workflows.

• Emphasis on code-centric collaboration and short feedback loops.

• Design system development follows modern practices, including versioning, management, and documentation.

• Structured approach to component building, token architecture, and consolidation of design systems.

Company Website: https://jobs.avaron.se

📝 Enhancement Note: The company culture is a blend of Avaron's supportive consultancy model and the client's dynamic, forward-thinking retail environment. The emphasis on AI and code-centric collaboration is a key cultural aspect for this role.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior to Senior level, requiring substantial experience in design systems. It offers a path for growth into Lead Design System roles, Design Operations leadership, or specialized architectural positions within design.

Reporting Structure: You will report to a design lead or manager within the client's organization, while also having a consultant manager at Avaron AB for career development and support. The role involves close collaboration with UI Developers and Product Designers.

Operations Impact: The role has a direct impact on the efficiency, consistency, and scalability of design across a critical retail platform. By unifying design systems, you will reduce redundancy, improve developer productivity, and ensure a more cohesive user experience for store employees, ultimately contributing to operational efficiency and potentially customer satisfaction.

Growth Opportunities:

• Deepen expertise in advanced design system architecture, governance, and management.

• Develop specialized skills in AI-driven design tools and workflows.

• Gain experience in multi-platform, multi-brand design systems and complex B2B/retail operations systems.

• Potential to move into leadership roles within design operations or lead future design system initiatives.

• Opportunities for continuous learning through Avaron's network and potential client projects.

📝 Enhancement Note: This role is ideal for a designer who wants to specialize in the operational aspects of design, focusing on scalability, efficiency, and the strategic implementation of design systems. The growth potential lies in becoming a subject matter expert in design operations and AI integration.

🌐 Work Environment

Office Type: The role is on-site in Solna, suggesting a professional office environment within a large retail organization. This environment likely promotes collaborative work practices.

Office Location(s): Solna station, Solna, Sweden. This location is well-connected by public transport, making it accessible for commuters.

Workspace Context:

• A collaborative setting with direct access to UI Developers and Product Designers.

• Access to modern design tools and technology, including Figma and various AI platforms.

• The environment encourages an AI-first mindset and code-centric collaboration.

• Opportunities to contribute to the strategic direction of the design system and its adoption.

Work Schedule: Full-time, typically 40 hours per week. The on-site requirement implies regular attendance at the Solna office, fostering team cohesion and facilitating in-person collaboration.

📝 Enhancement Note: The on-site requirement in Solna is crucial for fostering the close, code-centric collaboration described. This environment is designed to facilitate rapid iteration and knowledge sharing between design and development teams.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV and portfolio, focusing on design system experience, Figma proficiency, and AI tool usage.

• Technical Interview: Discussion on design system architecture, token management, component building, and the design-to-code process, likely with a senior designer or design lead. Portfolio walkthrough and case study presentation will be key.

• Collaboration/Cultural Fit Interview: Assessment of communication and collaboration skills, particularly in a cross-functional team setting with developers. Discussion on AI integration and adaptability.

• Final Interview: May involve a discussion with a hiring manager or director to assess overall fit and strategic alignment.

Portfolio Review Tips:

• Showcase Design System Mastery: Clearly present your experience in building, managing, and scaling design systems. Detail the challenges faced and solutions implemented, especially regarding consolidation and standardization.

• Highlight Figma Expertise: Provide specific examples of advanced Figma techniques (variables, modes, auto-layout, slots) and explain their impact on efficiency and consistency.

• Demonstrate Token Architecture: Illustrate your understanding of multi-tier tokens, theming, and mode management with visual examples and explanations.

• Emphasize Collaboration: Include case studies that show how you worked with developers, bridging the gap between design and code. Detail your communication strategies.

• Present AI Tool Integration: Showcase how you've used AI tools to improve your design process, component creation, or documentation.

• Structure for Operations: Organize your portfolio to highlight process improvements, efficiency gains, and scalable solutions. Quantify impact where possible (e.g., reduction in design debt, faster development cycles).

Challenge Preparation:

• Be prepared to discuss hypothetical scenarios for consolidating design systems, managing token conflicts, or implementing new components.

• Practice articulating your design decisions and their rationale, particularly concerning scalability and maintainability.

• Prepare to discuss your approach to documentation and how you ensure it's accessible and useful for various stakeholders, including AI agents.

• Familiarize yourself with current trends in design systems and AI in design.

📝 Enhancement Note: The emphasis on a portfolio showcasing practical design system management, Figma expertise, and AI integration is paramount. Candidates should prepare to walk through their projects, explaining the operational impact and strategic thinking behind their design decisions.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core tool for design system creation, component building, prototyping, and collaboration. Expertise in advanced features like variables, modes, properties, slots, and auto-layout is essential.

• AI Design Tools: Active experience with tools like Claude, Cursor, v0, Lovable, or Figma Make is a requirement. Proficiency in leveraging AI for tasks like code generation, component suggestions, or documentation assistance is expected.

Analytics & Reporting:

• Design System Analytics: Tools or methods for tracking design system adoption, component usage, and developer satisfaction. This might include custom dashboards or integration with development workflows.

• Figma Dev Mode: Likely used for seamless handoffs and communication with developers, providing code snippets and design specifications.

CRM & Automation:

• Code Connect / Style Dictionary: Tools facilitating the translation of design tokens and styles into code for various platforms.

• Version Control Systems (e.g., Git): While not explicitly mentioned, familiarity with version control is beneficial given the code-centric collaboration, especially for managing design system assets and documentation.

• Documentation Platforms: Tools for creating and managing design system documentation (e.g., Zeroheight, Storybook, internal wikis).

📝 Enhancement Note: The technology stack heavily favors Figma and AI-driven tools, reflecting a modern, efficient design operations environment. Candidates should highlight their proficiency with these specific tools and their understanding of how they integrate into a broader design-to-code workflow.

👥 Team Culture & Values

Operations Values:

• Efficiency & Scalability: A core value is to build systems that are efficient to maintain and scalable for future growth, reducing design and development debt.

• Collaboration & Communication: Strong emphasis on close, cross-functional collaboration with developers and product designers, with clear and open communication channels.

• Innovation & AI-First: Embracing new technologies, particularly AI, to enhance design processes, improve quality, and increase speed.

• Quality & Consistency: Upholding high standards for design quality and ensuring brand and UI consistency across the retail platform through the design system.

• Data-Driven Decisions: Using insights from adoption metrics and user feedback to inform design system evolution.

Collaboration Style:

• Code-Centric: Working intimately with code, fostering a deep understanding between design and development.

• Agile & Iterative: Utilizing short feedback loops and agile methodologies to continuously improve the design system.

• Knowledge Sharing: Actively sharing best practices, documentation, and learnings with other teams to promote adoption and best use of the design system.

• Proactive & Solution-Oriented: Identifying potential issues and proactively developing solutions within the design system framework.

📝 Enhancement Note: The culture values a proactive, collaborative, and technologically forward approach. Candidates should demonstrate an understanding of how design systems function as an operational backbone, requiring strong communication and a commitment to efficiency and quality.

⚡ Challenges & Growth Opportunities

Challenges:

• Consolidating Two Design Systems: Merging disparate systems into a single standard requires careful planning, negotiation, and robust architectural decisions to manage conflicts and ensure a smooth transition.

• Balancing Needs: Meeting the diverse needs of a large retail environment and numerous product teams while maintaining a cohesive and manageable design system.

• AI Integration: Effectively integrating AI tools into existing workflows and processes in a way that genuinely adds value without compromising quality or introducing new complexities.

• Technical Debt Management: Ensuring the design system remains clean, well-documented, and up-to-date to prevent the accumulation of technical debt.

• Cross-Functional Alignment: Maintaining continuous alignment and effective communication between design, development, and product teams within a hybrid AI-first, code-centric environment.

Learning & Development Opportunities:

• Advanced Design System Architecture: Gaining deep expertise in complex token structures, multi-platform/brand systems, and governance models.

• AI in Design: Becoming a specialist in leveraging AI tools for design system creation, maintenance, and potentially future AI-driven product features.

• Retail/B2B Systems: Acquiring in-depth knowledge of the specific challenges and requirements of retail and complex internal/B2B applications.

• Cross-Functional Leadership: Developing skills in leading design initiatives that span multiple disciplines and teams.

• Mentorship: Learning from experienced professionals within the client organization and Avaron AB.

📝 Enhancement Note: The challenges presented are typical for a role focused on design system consolidation and modernization. Successfully navigating these will provide significant opportunities for skill development and career advancement, particularly in the rapidly evolving fields of design operations and AI.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for consolidating two existing design systems. What were the key architectural considerations and potential pitfalls?" (Focus on process, strategy, and risk mitigation.)

• "How do you approach the architecture of design tokens to support multi-tier structures, theming, and different modes or states?" (Assess technical depth in token strategy.)

• "Walk us through a complex component you built in Figma. What were its properties, slots, and how did you ensure its reusability and maintainability?" (Demonstrate practical Figma skills and component design principles.)

• "How do you ensure effective collaboration and knowledge transfer between design and development teams, especially in a code-centric environment?" (Evaluate communication and operational collaboration skills.)

Company & Culture Questions:

• "What interests you about working with a design system for a large retail environment?" (Assess understanding of the industry context and its operational demands.)

• "How do you see an AI-first approach influencing the future of design systems?" (Evaluate forward-thinking perspectives on design operations.)

Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio to tell a story of problem, solution, and impact, especially for design system projects. Use clear headings for each case study.

• Highlight Operations: For each project, explicitly mention the operational aspects: scalability, efficiency gains, standardization achieved, and how the system was managed and maintained.

• Quantify Results: Whenever possible, use metrics to demonstrate the success of your design system work (e.g., reduction in UI bugs, faster design handoffs, increased adoption rate).

• Demo Figma Skills: Be ready to briefly demonstrate key Figma features relevant to design systems, such as variables, auto-layout, or component variants, if asked.

• Explain AI Integration: Clearly articulate the specific AI tools used and the tangible benefits they brought to your workflow or the project outcome.

• Focus on Process: Emphasize your understanding of design system processes, including versioning, contribution models, and documentation strategies.

📝 Enhancement Note: Interview preparation should focus on demonstrating a deep understanding of design system operations, practical application of advanced Figma features, and a proactive approach to integrating AI. Candidates should be ready to articulate the strategic value and operational impact of their work.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on jobs.avaron.se.

• Tailor your CV: Highlight experience with design systems, advanced Figma usage, token architecture, AI tools, and cross-functional collaboration. Use keywords from the job description.

• Curate your Portfolio: Select 2-3 key projects that best showcase your design system building, management, and consolidation experience. Ensure each project clearly outlines the problem, your role, the process, the tools used (especially Figma and AI), and the operational impact.

• Prepare your Presentation: Practice walking through your portfolio, focusing on clear communication, articulating your design decisions, and demonstrating the operational benefits of your work. Be ready to discuss your approach to documentation and collaboration.

• Research Avaron AB and the Retail Client: Understand Avaron's consultancy model and the challenges of a large retail environment to tailor your responses and demonstrate your understanding of their operational context.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---