Reducing the heating and cooling load through energy-efficient building design can help decarbonize the building sector. Heating and cooling load prediction using machine learning (ML) techniques become increasingly important in the rapid assessment of building design variables at the early design stage. However, when applying the ML techniques, it still requires expert knowledge and manually frequent intervention to improve the prediction performance. Hence, this study proposed an automated machine learning (AutoML)-based framework to automatically generate the optimal ML pipelines for heating and cooling load prediction. An experimental dataset of residential buildings was used to evaluate the proposed framework. The proposed framework achieved the best performance with R² of 0.9965 and RMSE of 0.602 kWh/m² for heating load prediction, and R² of 0.9899 and RMSE of 0.973 kWh/m² for cooling load prediction. The prediction results showed that the proposed framework outperformed the other improved ML models from the representative studies in the last five years. Further, an explainable analysis of the ML models was explored to reveal the relationships between design variables and heating and cooling load. The proposed framework aims at promoting the AutoML-based framework to designers for building energy performance prediction without excessive ML knowledge and manually frequent intervention.