Build Your Own Components with AI

Available in:
Basic
Wireframing
Product Design
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.


2 Select Generate BYOC.


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


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








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