A series of 2D and 3D tetrapyrrole-based functional materials have been designed and synthesized, including porphyrin-based covalent organic frameworks, phthalocyanine-based covalent organic frameworks, phthalocyanine conjugated polymers, and mixed phthalocyanine-porphyrin-based conjugated microporous polymers. These tetrapyrrole-based materials exhibited excellent oxygen reduction reaction catalytic activity, photocatalytic CO₂ Reduction activity, and sensing performance. In particular, the well-defined chemical composition and the unambiguously identified structure of the active sites for these tetrapyrrole-based materials enabled to gain an in-depth understanding of the structure-function relationship.