Les péripéties de l’histoire de Safi sont intimement liées à sa vocation portuaire.
Comptoir phénicien, selon le géographe Ptolémée, fréquenté probablement par les Romains plus tard, le nom d’Asfi apparaît dans les écritures arabes à partir du XIème siècle.
Avec Safi Hadirat al Mouhit ou Cité de la mer environnante, selon l’expression d’Ibn Khaldoun, Safi assurait, en tant que port de la capitale Marrakech de l’empire Almohade au XII siècle, des relations directes avec l’Andalousie et se présentait sous forme d’un espace fortement urbanisé, doté notamment, d’importantes fortifications et d’une grande mosquée centrale.
Constituée de deux entités urbaines, la ville s’enrichit, au XIV siècle, d’une medersa, édifiée par Aboul Hassan Al Marini, d’un bimaristan (hôpital) et de nombreuses autres institutions, une qaysaria, un mohtasseb, au fur et à mesure que Safi s’imposait comme place d’échanges d’importance qui commerce avec Gènes, Séville et Marseille. Au 15ème siècle, Safi s’ouvre au commerce européen.