Skip to content

Generate Data Table with AI

With AI, you can now generate native data grid components with real data inside your wireframe with just a click. So, whether...

Updated 16 Sep 20261 min read

With AI, you can now generate native data grid components with real data inside your wireframe with just a click. So, whether you are designing a transaction listing grid for your finance app or an order history table for your e-commerce app, you can now create it super quick!


The following are the steps to generate a data table with AI:


  1. Click on Genius AI.


  1. Select Generate DataGrid.


Data grid AI.gif


  1. Enter the prompt (make sure that you specify in detail to get accurate data generated), set the number of rows, and click on 'Generate table'.


Data grid AI (2).gif


  1. The data table will be generated.


  1. And click on the 'Use' button to add it to your editor canvas.


Data grid AI (3).gif


It is very useful to quickly generate random data to indicate a data listing on your UI design wireframe.


Here's a video demonstrating an useful application of this feature:





Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft