Document Center

Explore guides, tutorials, and reference materials to help you make full use of the Talkit AI platform.

Customize App Appearance

Talkit offers rich appearance customization features, allowing users to create a unique app interface according to their preferences and needs.

  • Visual Editing: In the online editor, users can directly modify the page appearance through visual operations. By clicking the element to be modified, such as buttons, text boxes, images, etc., users can adjust settings in the properties panel on the right. You can change properties like color, font, size, layout, and see the effects in real time.
  • Style Settings: Talkit supports custom CSS styles. Users can write CSS code in the style editor to apply unified styling across the entire app. For example, set global fonts, background colors, link styles, etc., for more refined appearance customization.
  • Design Import: If users have design drafts created in tools like Figma or Sketch, they can use Talkit’s design import feature to convert designs into editable code components with one click. After import, users can adjust and modify the components in the online editor to quickly achieve the desired design effect.
  • Responsive Design: Apps generated by Talkit support responsive design by default, adapting to different screen sizes such as mobile phones, tablets, and desktop computers. Users can preview the display effect on different devices in the editor and make adjustments to ensure the app looks good across all devices.