How to Get Frontend Code for a Wireframe Section?

Turn the selected part of your wireframe into ready-to-use frontend code instantly with MockFlow's Build Mode. It generates code for the specific section you select. Follow the steps below to get started:

1. Inside your WireframePro editor, click on the ‘Build’ option from the top menu.

1. You’ll see two options; click on 'Convert Selected Part.'

1. Next, select the wireframe section you want to convert and click on 'Select a Comp or group and click here' in the top left.

1. And choose the type of code you want to generate. Enter the name of the code file and select your preferred code framework, then choose a specific version based on the selected framework. Click ‘Convert’ to begin the code generation process.

5On clicking Convert, the code generation process for the selected framework begins. Click OK once the generation is complete.

1. To view, click on the 'preview' option from the top right.

1. The frontend code of the selected wireframe section can be exported and added to your code repository. Refer to this article to learn how to export the frontend code.