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:


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


image


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


image



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


WowTo KB settings (15).gif


4And 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.


image


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

image


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


image



7The 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.




Rate this article
great ok bad
For more questions - Contact Us
...