汤显祖创作的第一本完整的传奇是《紫钗记》。但严格来讲，他的处女作应该是《紫萧记》。但是《紫萧记》只写到第三十四出就中辍了。后来汤显祖在南京太常寺博士任上将《紫萧记》删削润色，易名为《紫钗记》，于万历十五年（1587）将全剧初稿写成。该剧主要以唐传奇《霍小玉传》为本事，也借鉴了《大宋宣和遗事》中的部分情节。演述唐代诗人李益在长安流寓时，于元宵夜拾得霍小玉所遗紫玉钗，遂以钗为聘礼，托媒求婚。婚后，李益赴洛阳考中状元，从军立功。卢太尉再三要将李益招为娇婿，反复笼络并软禁李益，还派人到霍小玉处讹传李益已被卢府招赘。小玉相思成疾，耗尽家财，无奈中典卖紫玉钗，却又为卢太尉所购得。太尉以钗为凭，声言小玉已经改嫁。豪杰之士黄衫客路见不平，将李益扶持到染病已久的小玉处，夫妻遂得重圆。
《紫钗记》着重塑造了霍小玉和黄衫客两位令人敬重的人物形象。正如汤显祖在本剧《题词》中所云：“霍小玉能作有情痴，黄衫客能作无名豪。馀人微各有致。第如李生者，何足道哉！”
霍小玉出身低微，其母本为霍王麾下一名歌姬。但当她一旦与李益相遇，便为才所动、为情所耽、为甜蜜婚姻所陶醉，把全部生存价值和生命理想都拴系在爱情这叶小舟之上。自感卑贱的她在幸福之馀，仍不忘为对方着想。先是从时间上看，哪怕李益只爱她八年，她亦心满意足；次是从地位上看，即使李郎另娶了正妻，她小玉做偏房小妾亦心甘情愿。而当这两桩最低限度的愿望都难于实现时，她只能无限绝望地将出卖紫玉钗所得的百万金钱抛撒于苍茫大地！为了一个虽不算负心、但却十分软弱的郎君，霍小玉陪着小心、受尽委屈。如此忠贞不二、痴情到底的女子，在封建社会的底层之中显得多么善良、纯情、委曲而高尚。她所抛撒的哪里是一片钱雨，分明是揉碎了的寸寸肝肠。而黄衫客的豪侠仗义行为既玉成了情人的团圆，又对破坏李、霍婚姻的卢太尉的丑恶行径予以了警示。汤显祖通过一位幻想中的壮士表达了对现实的失望，殷切地呼唤着社会的良知。
从结构上看，《紫钗记》仍然有散漫拖沓的倾向，像《折柳阳关》、《冻卖珠钗》和《怨撒金钱》之类较为抒情的场面，显得太少而缺乏规模。唱词与说白没有完全摆脱骈俪辞章的痕迹，本色晓畅的戏曲味道不够醇厚。