Guide: Build Your First App with Generative AI and No Code

:rocket: Guide: Build Your First App with Generative AI and No Code

Welcome to this step-by-step guide! Learn how to turn your ideas into functional business applications in just a few clicks.
Thanks to ROK’s Generative AI, you can design automated workflows, customize interfaces, and configure business rules with ease.


:clipboard: Overview

  • :zero: Create your App
  • :one: Describe your need
  • :two: Workflow modeling
  • :three: User Interface / Form
  • :four: Optimize the proposed application
  • :five: Configure business rules with AI-assisted No Code
  • :six: Define field visibility conditions based on tasks
  • :seven: Design the form with No Code
  • :eight: Save rules and form
  • :nine: Build the final web UI
  • :ten: Publish the application

:telephone_receiver: Useful contacts


:zero: Create your App

:inbox_tray: To get started:

  • Click “Create an application” on the dashboard to open the designer.
  • Or use “Edit your applications” to return to an existing app.

:light_bulb: From your ROK dashboard:

:white_check_mark: Create/edit your apps
:white_check_mark: Access the user portal (web & mobile)
:white_check_mark: Read support articles
:white_check_mark: Ask questions on the community forum
:white_check_mark: Contact Smartbot Consulting experts
:white_check_mark: Explore ROK Premium Platform

:rocket: Free Trial & Generative NoCode

Direct access to app creation powered by AI.

:busts_in_silhouette: End-User Portal:

  • Play web apps
  • Track tasks with KPIs
  • Manage documents, org charts, and resources

:hot_beverage: Want to go further?
Check out the full version: “Unlock ROK’s full potential”.


:one: Describe your need

In the “Source” tab, choose:

:white_check_mark: No specifications: Just describe your use case in natural language
:white_check_mark: Specification available: Paste or upload your doc
:white_check_mark: Regulatory text: Upload the file directly

:light_bulb: Hover on icons for helpful hints.


:two: Workflow modeling

  • AI suggests a textual flow – you can edit it
  • Validate ➔ Your workflow is auto-generated

:small_blue_diamond: Users are assigned from the organization chart

:small_blue_diamond: Add users if needed via the “Positions” tab.


:three: User Interface / Form

  • Click “Global Form” to auto-generate a form
  • Customize: add, remove, or reorder fields

The form is instantly connected to your workflow.


:four: Optimize the proposed application

  • Edit tasks/flows with drag-and-drop
  • Add rules, business properties, No Code connectors

:white_check_mark: Advanced features:

  • Share apps externally
  • Add server tasks, web services
  • Unlimited form design

:light_bulb: The AI assistant is always available to guide you.


:five: Configure business rules with AI-assisted No Code

:computer_mouse: Double-click a task ➔ Access rules

  • Guided AI suggestions
  • Example: restrict access based on user roles

:six: Set field visibility conditions per task

:artist_palette: In the “Design” tab:

  • Enable/disable fields depending on the task
  • Show only what’s relevant for each step

:seven: Design the form with No Code

  • Customize your “Global Form”
  • Choose layout, colors, field grouping
  • Use “No Theme” to build your own style

:eight: Save your rules and form

:floppy_disk: Click “Exit > Save”

:memo: Tip: Revisit each task to fine-tune field visibility conditions


:nine: Build the final web interface

  • Open the “User Interface Builder”
  • Drag and drop elements (forms, document modules, etc.)
  • Design the final UI visible to end users

:ten: Publish your application

:file_folder: Final step:

  • Click “Exit” ➔ “Publish”
  • Your app is now live on the web user portal!

:tada: Congratulations!

You’ve just created your first business application with ROK’s Generative AI!
Keep exploring, keep customizing — and unleash the full power of ROK :rocket: