Technology-enhanced learning solutions carry the potential for transforming teacher learning and the delivery of professional development activities. This article proposes that the tools that professionals use in their practice can be considered an important mediator for professional learning. We carried out three design experiments, the results of which were used to formulate the conceptual design of a digital learning ecosystem for fostering teachers' professional learning, which is operationalized through different phases, namely competency-based planning of professional development, designing pedagogical practices, enactment of student-centered learning enriched with technology, and reflection upon own practice to plan comprehensively for competency-based professional development.