Create a Spec
Add designs and components to Specs
Last updated on August 26, 2022
Specs are online spaces where you can share and inspect designs for implementation.
You can add content such as frames and components to specs and share them with your team, who can then inspect them, translate them to code and (soon) collaborate on the implementation.
Unlike other tools, Interplay specs are aware of code components and design tokens. So you when you use those in your designs your team can inspect and use your precise configuration as JSX.
Creating a Spec
To create a new Spec in Interplay:
- Navigate to the Specs tab of the Interplay plugin
- Click Create Spec
The spec is created in your plugin. Rename it to how you want it to appear in your Interplay workspace and optionally add a description. (You can edit these later.)
Adding Designs to Specs
- To add frames to your spec, select the Frame(s) on the canvas that you want to add and click Add to Spec.
- To add components to a spec, select the Component master that you want to add and click Add to Spec.
To add Figma library components to a spec, first open the library file in Figma and use the plugin to add them from there.
Publish your spec
When you are happy with your spec, add a comment to describe this version (optional) and click Publish.
Once Published, your spec will be available in your Interplay workspace to inspect and translate to code.