The Dogpatch Power Station scheme, which broke ground this week, will include residences, shops, restaurants and hotels along with seven acres of park.
Developer Associate Capital has 2,600 residential units planned for the 29-acre site, along with 1.6 million square foot (148,600 square metres) of workspace.
Foster + Partners designed two new mixed-use buildings for the site located between Dogpatch and the waterfront. The upper floors of these buildings will be residential, with the lower levels given over to co-working spaces and places for socialising.
Buildings will be arranged around courtyards lined with amenities such as daycare centres and places for online shopping deliveries to be dropped off and collected.
The practice has also planned cycling and pedestrian routes that will connect the development with the waterfront and the rest of the Bay Area.
"This project offers a unique opportunity to reinvigorate an erstwhile industrial quarter and infuse new life into this part of San Francisco," said Foster + Partners senior partner Armstrong Yakubu.
"Our proposals will deliver much-needed homes guided by a design approach that is underpinned by people, sustainability and community, and rooted in the rich history of the place," added Yakubu.
"Our aim is to give Dogpatch an ideal urban framework to help create a vibrant, healthy and inclusive 21st century live/work community."
The development will include the former turbine hall of the power station, which is being transformed into an office and life science building by Swiss architecture firm Herzog & de Meuron.
Woods Bagot recently completed a residential building with a five-storey living wall and a spa for dogs in the Dogpatch neighbourhood, which was once a shipbuilding hub.
More upcoming projects from Foster + Partners include turning an abandoned gas station in Madrid into offices and a master plan for a tree-filled neighbourhood for Bangkok.
Images courtesy of Foster + Partners.