In this paper, two energy-transfer photochromic metal–organic frameworks (MOFs) {[Zn(L)_0.5(bpy)]·H₂O·DMF}_n (1) and {[Zn(L)_0.5(bpe)]·2H₂O·DMF}_n (2) (H₄L = 9,9′-(1,4-phenylenebis(methylene))bis(9H-carbazole-3,6-dicarboxylic acid), bpy = 4,4′-bipyridine, bpe = 4,4′-vinylenedipyridine) were designed and synthesized. Both 1 and 2 showed similar pillared-paddle wheel type frameworks with bpy and bpe as the chromophore, respectively, and L⁴⁻ as the antenna-type light harvester, yielding strut-to-strut energy transfer (antenna behavior) within the well-ordered structures. Among them, 1 displayed excellent energy-transfer photochromic behavior under UV light accompanied by color transformation from colorless to purple. In addition, the photochromic behavior of 1 has obvious, fast, controllable and reversible characteristics. On the other hand, 2 showed a different energy-transfer photochromic behavior in the aspects of color changing, gamut, and sensitivity. The variation has been ascribed to the substitution of chromophore bpy in 1 with bpe in 2, which influences the efficiency of energy transfer within the MOFs. Therefore, with the structural diversity and tunability of MOFs, the sensitivity, color, and gamut of energy-transfer of the photochromic MOFs can be tuned by the appropriate choice of the constitutions of MOFs. This work will provide useful guidance for developing novel energy-transfer photochromic MOF materials.