The 26-year-old has agreed a deal until June 2018 at Borussia Park, and will join up with Lucien Favre's side at the end of his current deal with Hoffenheim.
Johnson is equally adept playing at full-back or in midfield, and sporting director Max Eberl was thrilled to capture the versatile United States international.
"Fabian Johnson is a very interesting free transfer, he can play defensively and offensively on both wings," he told the club's official website.
"We are pleased he has chosen us."
Johnson came through the ranks at German second-tier outfit 1860 Munich, before joining Wolfsburg in July 2009.
He subsequently moved to Hoffenheim in June 2011, but it was announced that he would leave the club earlier in February.
Johnson has 16 caps for the USA, and is hoping to be a part of Jurgen Klinsmann's 23-man squad for the FIFA World Cup in Brazil later this year.
'People will remember us because we got to No.1 in the world rankings and achieved great things - but our biggest regret is that we didn’t win anything': Ex-Everton star Kevin Mirallas opens up on 'honour' of being part of nation's golden generation
‘I’m sure we’d have finished in the top four or five if he hadn’t joined Chelsea in January. Him leaving damaged the team, but we couldn’t stand in his way’: Alan Curbishley reflects on failed Champions League dream after selling key player
