Metal–organic frameworks have demonstrated great capacity in catalytic CO2 reduction due to their versatile pore structures, diverse active sites, and functionalization capabilities. In this study, a novel electrocatalytic framework for CO2 reduction was designed and implemented using 2D coordination network-type transition metal–hexahydroxytricyclic quinazoline (TM–HHTQ) materials. Density functional theory calculations were carried out to examine the binding energies between the HHTQ substrate and 10 single TM atoms, ranging from Sc to Zn, which revealed a stable distribution of metal atoms on the HHTQ substrate. The majority of the catalysts exhibited high selectivity for CO2 reduction, except for the Mn–HHTQ catalysts, which only exhibited selectivity at pH values above 4.183. Specifically, Ti and Cr primarily produced HCOOH, with corresponding 0.606 V and 0.236 V overpotentials. Vanadium produced CH4 as the main product with an overpotential of 0.675 V, while Fe formed HCHO with an overpotential of 0.342 V. Therefore, V, Cr, Fe, and Ti exhibit promising potential as electrocatalysts for carbon dioxide reduction due to their favorable product selectivity and low overpotential. Cu mainly produces CH3OH as the primary product, with an overpotential of 0.96 V. Zn primarily produces CO with a relatively high overpotential of 1.046 V. In contrast, catalysts such as Sc, Mn, Ni, and Co, among others, produce multiple products simultaneously at the same rate-limiting step and potential threshold.