Build Your Own Components with AI

Available in:
Product Design

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 AI Co-pilot on the left sidebar.

2 Select Generate BYOC.

Screen Shot 2023-09-20 at 11.39.27 AM.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