The Design tab in Playlab is a text editor that allows you to provide additional context for your Playlab app users. This guide will show you how to effectively use the Design tab to create a better user experience that helps users get the most out of your application.

Save Regularly

Changes in the Design tab are not automatically saved. Remember to click the Save button regularly to avoid losing your work.

​
Watch How to Use the Design Tab

Watch a short clip demonstrating how to use the Design tab effectively.

​
Follow these steps to create effective Design tabs

1

Access the Design Tab

Navigate to your app’s Design section.

  1. Open your Playlab app in edit mode
  2. Click on the Design tab in the top navigation bar
  1. You’ll see the Design Tab interface
2

Use the Design Tab

Format your documentation with the rich text editor.

  1. Use the formatting toolbar to style your text:
    • Bold, italic, and underline options
    • Heading levels (H1, H2, H3)
    • Bullet and numbered lists
    • Code blocks for examples
3

Add Media and Links

Enrich your documentation with visual elements.

  1. Insert images by clicking the image icon and uploading or pasting a URL
  2. Embed videos from platforms like YouTube or Vimeo
  3. Add hyperlinks to external resources or references
4

Save and Preview

Review how your documentation will appear to users.

  1. Click the Save button to preserve your changes
  2. Use the Preview button to see how your documentation looks to end users
  3. Make adjustments as needed before finalizing

​
Documentation Best Practices

Consider these recommendations when creating documentation in the Design tab:

  • Start with a clear introduction explaining what your app does and its primary benefits
  • Include step-by-step instructions for common use cases
  • Add screenshots or GIFs to illustrate key features
  • Provide examples of inputs and expected outputs
  • Document limitations or known issues to set appropriate expectations
  • Include FAQ section addressing common questions
  • Structure content with headings for better readability
  • Use callouts for important notes or warnings

​
Frequently Asked Questions

​
Need Support?

If you encounter any issues while using the Design tab:

Back to Getting Started

Go back to the beginning

Adding Starter Inputs

Learn how to build a Playlab app

Last updated: April 22, 2025