《宫锁心玉》先于《步步惊心》播出。

《宫锁心玉》是根据小说《宫锁心玉》改编的电视剧，该剧于2011年首播。而《步步惊心》是根据桐华的同名小说改编的电视剧，虽然小说早在2005年便在网站上连载，并于2006年正式出版，但其改编的电视剧是在2010年才开始宣传，2011年首播。

因此，从播出时间上来看，《宫锁心玉》是先于《步步惊心》播出的。