{"id":16094288,"url":"https://github.com/tiledesk/design-studio","last_synced_at":"2025-04-07T19:13:18.454Z","repository":{"id":199208305,"uuid":"701792687","full_name":"Tiledesk/design-studio","owner":"Tiledesk","description":"Tiledesk's open-source visual, no-code designer where LLM/GPT AI meets a flexible 'graph' approach. Create conversations and automations effortlessly – a Voiceflow and Botpress alternative.","archived":false,"fork":false,"pushed_at":"2024-05-08T13:13:59.000Z","size":6402,"stargazers_count":116,"open_issues_count":2,"forks_count":32,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-10T03:46:07.357Z","etag":null,"topics":["automation-tool","bot-builder","botpress-alternative","chatbot-development","conversation-designer","conversational-ui","design-studio","github-project","github-repository","gpt-ai","graph-visualization","llm","multichannel","no-code","open-source","visual-designer","voiceflow-alternative"],"latest_commit_sha":null,"homepage":"https://www.tiledesk.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Tiledesk.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-07T15:15:12.000Z","updated_at":"2024-05-13T11:48:39.157Z","dependencies_parsed_at":"2024-01-22T11:12:01.496Z","dependency_job_id":"30ef2777-b462-42eb-b8e8-ff9eb61a0e6b","html_url":"https://github.com/Tiledesk/design-studio","commit_stats":null,"previous_names":["tiledesk/designstudio","tiledesk/design-studio"],"tags_count":93,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tiledesk%2Fdesign-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tiledesk%2Fdesign-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tiledesk%2Fdesign-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tiledesk%2Fdesign-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tiledesk","download_url":"https://codeload.github.com/Tiledesk/design-studio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247713258,"owners_count":20983683,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation-tool","bot-builder","botpress-alternative","chatbot-development","conversation-designer","conversational-ui","design-studio","github-project","github-repository","gpt-ai","graph-visualization","llm","multichannel","no-code","open-source","visual-designer","voiceflow-alternative"],"created_at":"2024-10-09T17:01:48.406Z","updated_at":"2025-04-07T19:13:17.754Z","avatar_url":"https://github.com/Tiledesk.png","language":"TypeScript","funding_links":[],"categories":["Chatbots"],"sub_categories":[],"readme":"# Tiledesk Design Studio\n\n![image](https://github.com/Tiledesk/design-studio/assets/32564846/e68caebb-bdab-48bb-a744-cc8821e20bfe)\n\nTiledesk is an open-source, no-code development platform for creating chatbots and conversational apps. Our Design Studio, featured in this repository, offers a user-friendly, drag-and-drop interface with pre-ready actions and integrations. This platform combines the power of LLM/GPT AI with a flexible 'graph' approach for creating conversations and automations with ease.\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.6.\n\n\u003ca href=\"https://www.producthunt.com/posts/design-studio-by-tiledesk?utm_source=badge-golden-kitty-badge\u0026utm_medium=badge\u0026utm_souce=badge-design\u0026#0045;studio\u0026#0045;by\u0026#0045;tiledesk\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/golden-kitty-badge.svg?post_id=418558\u0026theme=light\" alt=\"Design\u0026#0032;Studio\u0026#0032;by\u0026#0032;Tiledesk - Unlock\u0026#0032;AI\u0026#0032;magic\u0026#0032;for\u0026#0032;elevated\u0026#0032;customer\u0026#0032;engagement\u0026#0044;\u0026#0032;fast | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n*Golden Kitty Awards 2023: Open Source Product of the Year*\n\n\n## Main Features\n\n- **Pre-Designed Conversations and Admin Task Automation:** Automate customer conversations and daily administrative tasks.\n- **Prototype Conversations:** Use our drag-and-drop conversation builder to design your chatbot’s conversation flow.\n- **ChatGPT Integration:** Understand urgent situations and take appropriate actions, such as offering to connect the customer with a human agent.\n- **ChatGPT Powered Chatbot:** Find answers in the knowledge base and respond to customer inquiries in a human-like dialogue.\n- **Enhancing User Experience:** Share images, GIFs, and videos in chats to make the conversation more engaging.\n- **Personalized Product Recommendations:** Show personalized product recommendations based on previous conversations or customer interests.\n- **Conditions:** Set conditions for different scenarios.\n- **Random Reply:** Write different messages, and for each iteration, the bot randomly uses one of them.\n- **Web Request:** Connect your bot to other tools, for example, HubSpot CRM. After each conversation, save all customer contact info to your HubSpot CRM.\n- **WhatsApp Integration:** Convert website conversations into WhatsApp chats.\n- **Send Email:** Send emails from your platform and set up email triggers that send emails automatically.\n- **Light Integration:** Enhance your existing setup with our seamless and non-disruptive integration feature. Experience an upgrade without upheaval.\n  \n![123 Anywhere St , Any City (3)](https://github.com/Tiledesk/design-studio/assets/113347904/bb52e4ff-6d58-4097-a8fd-e65b16255fe6)\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n## Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.\n\n## Important Note: Running Design Studio\n\nDesign Studio cannot run as a standalone application; it is tightly integrated with the Tiledesk solution. To set up and use Design Studio, follow these steps:\n\n1. Ensure you have an authenticated Tiledesk environment.\n2. Add a key `tiledesk_token` to your browser’s local storage with your Tiledesk authentication token.\n3. Navigate to your project by accessing the following URL pattern: ``http://loalhost/#/project/\u003cproject_id\u003e/chatbot/\u003cchatbot-id\u003e/blocks``\n\nPlease note that Design Studio depends on prior authentication through the Tiledesk platform to function correctly. You must have a valid Tiledesk token and project to access and use the tool.\n\n## Community? Questions? Support?\n\nIf you need help or have questions, feel free to make a post on our [Forum](https://tiledesk.discourse.group/).\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n\n## Feedback? New Ideas?\n\nVisit our [Feedback Board]([https://feedback.tiledesk.com/) to discuss new ideas, suggestions, and solve issues to make Tiledesk even better for you.\n\n## Public Roadmap\n\nCheck our [Public Roadmap](https://feedback.tiledesk.com/roadmap) to see activities In Progress, Planned, and Under Review. We value your input in shaping the future of Tiledesk.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiledesk%2Fdesign-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftiledesk%2Fdesign-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiledesk%2Fdesign-studio/lists"}