在之前的富文本系列中我们探讨了很多关于富文本引擎和协同的能力，在本文中我们更偏向具体的应用组件实现，通过动态解析并且执行用户的React代码，来实现React组件实时预览(Playground)。

制作这套解决⽅案的原因，是最近团队在开发项⽬ icon 组件库时，与设计师的协同遇到诸多不便。 Figma 设计稿中时常有多达上百个 Icon，按照之前的流程，我们需要将图标⼀个个从 Figma 导出，拷⻉⾄项⽬⾥，并对图标代码依次做⼀些改造，以⽀持⼀些定制的功能（如更换颜⾊等…

Design Token 是设计语言的产物，开发需要给予场景去选择对应的对接方式，以求更加精准的还原设计。