The role of higher education in improving educational practices and access through research in technology innovations across the wider spectrum of schooling has especially increased in the information driven 21<sup>st</sup> century lifestyle. Pre-service teacher training plays a significant role in this transformation. For South Africa, research in technology integration has not provided requisite skills for teacher educators to bring about this envisaged transformation. The purpose of this study is to investigate the affordance of the design-based research (DBR) when combined with community of practice (CoP) framework in mitigating context-based technology integration related challenges and professional development in teacher education through the social learning theory. The qualitative paper explores the experiences teacher educators had of using tablets in a DBR as technology integration tools for contextual pedagogical practices. Teacher educators (n = 10), in one university in South Africa were given tablets to use over a year before they responded to semi-structured interviews about their experiences and were also observed as they engaged in both the CoP and in classroom practice. After a thematic analysis, the main results were that the CoP provided space for teacher educators to improve their confidence and technology integration skills. The combination of DBR and the CoP was found to be complementary in bridging the gap between theory and practice for teacher educators. The CoP provided the much needed safe space for professional growth and confidence building for teacher educators. However, learning engagements were limited by inadequacy of ICT tools for the students. In light of this, the implication of the study is that professional development plans for teacher educators in technology integration skills must be context based and subject specific through DBR programs for practical results and sustainability.