Skip to content

Build Your Own Components with AI

In MockFlow, BYOC stands for 'Build Your Own Components'. BYOC stands for "Build Your Own Component". It is essentially a...

Updated 16 Sep 20261 min read

Available in:

Basic

WireframePro

MockFlow Board

Bundle Plan

Enterprise

In MockFlow, BYOC stands for 'Build Your Own Components'. BYOC stands for "Build Your Own Component". It is essentially a component by itself that allows users to create new elements from scratch by coding HTML/CSS.

For more information about BYOC, refer to this article.


With the introduction of AI, you can now generate components by giving prompts!


The following are the steps to generate components with BYOC and AI:


  1. Click on Genius AI from the editor sidebar.


  1. Select Generate BYOC.


Screen Shot 2024-08-12 at 12.36.11 PM.png


  1. Enter your prompt for creating the component and click on 'Generate'.


Screen Shot 2023-09-20 at 12.11.35 PM.png


Here are a few examples of prompts:

  1. A horizontal navigation bar with four links.

  2. Hero section with title and description.

  3. A curved blue button with white text.








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