Decentraland No-Code UI Design Studio

by 0x89a1d730aa1e78a0ede8dea988acecff0a6e99a9 (Szjanko)

Should the following $35,000 grant in the Platform category be approved?

Abstract

Decentraland No-Code UI Design Studio: an open sourced web app enabling anyone to design interactive UIs for DCL scenes without coding. This drag-and-drop platform simplifies UI creation, enhancing accessibility and efficiency for creators. Open-sourced, built using Next.js and hosted on Vercel, it will offer excellent performance and accessibility that the DCL community can use. A web app will give easy access to these tools, without having to install or setup any software on the users end.

Grant size

35,000 USD in DAI

Project duration

10 months

Beneficiary address

0x89a1D730AA1e78A0EdE8DEa988AcECfF0A6e99a9

Email address

szilard.janko@gmail.com

Description

The Decentraland No-Code UI Design Studio will be a transformative web application that lowers the barrier to entry for how interactive user interfaces (UIs) are created within the Decentraland ecosystem. Aimed at bridging the gap between design and development, this tool eliminates the need for extensive coding knowledge, making the process of creating engaging and interactive UIs accessible to a broader range of creators. Current Challenges: The existing workflow for developing UIs in Decentraland involves a multi-step process where designers conceptualize UIs using graphic design tools like Canva or Figma, followed by developers translating these designs into code. This workflow is not only time-consuming but also requires a specific skill set, limiting the number of individuals who can contribute to creating interactive experiences in Decentraland. Solution: The Decentraland No-Code UI Design Studio simplifies this workflow by providing an intuitive drag-and-drop interface that allows users to select, customize, and integrate a wide range of UI elements directly into Decentraland scenes. This tool is designed to:

• Enhance Accessibility: By removing the coding barrier, this will open up UI creation to non-programmers, significantly expanding the pool of potential creators.
• Increase Efficiency: This tool streamlines the UI design process with pre-built elements and templates, as well as user uploaded custom graphics, enabling rapid prototyping and deployment of ideas. This efficiency is particularly beneficial for larger teams, reducing the workload on developers and allowing designers to take a more active role in the UI creation process.
• Facilitate Collaboration: Introduce features that enable collaboration among multiple creators, allowing teams to work together seamlessly on a single UI project.
• Customize with Ease: The tool offers comprehensive customization options for each UI element, ensuring that creators can fully realize their vision without compromise.
• Technical Implementation and Community Engagement: Built using Next.js and hosted on Vercel, the tool promises excellent performance and accessibility. Committed to community involvement and sustainability, the plan is to open-source the entire codebase, allowing for continuous improvement and customization by the community. The tool will be hosted for the first year, ensuring its availability and reliability, and subsequently, we will encourage the DAO community to take over its hosting or individuals can always run it locally on their own computer, depending on its value and utility to the community.

Roadmap and milestones

Q2 2024

• Basic UI Elements: Develop essential UI elements (buttons, labels, input fields).
• Enhance Drag-and-Drop: Improve user interaction with a smooth interface and preset grid systems.
• Initial Customization: Enable basic element customization (color, size).
• Alpha Release: Launch for early feedback from a select group.

Q3 2024

• Advanced Customization: Add advanced element customization (flex directions, aligning items, justifying content, margins, etc.), drop down menus, dynamic UIs and button events.
• Preset drag-and-drop social media UI links.
• Beta Testing: Open beta for Decentraland DAO community to refine features.
• Collaboration Prototype: Develop initial collaborative design functionalities.

Q4 2024

• Preset Designs: Introduce preset UI designs for quick customization.
• Custom Designs: Allow users to upload their own custom designs including sprite sheets.
• Public Release: Officially launch the tool, incorporating beta feedback.
• Collaboration Launch: Integrate full collaboration features.
• Enable optional account creation to save, continue, as well as share work progress (using it as a guest will always be available)

Q1 2025

• Feedback Integration: Enhance user experience based on community input.
• Expand Library: Add new elements and templates as requested by users.
• Community Contributions: Encourage user contributions to the UI library.
• Educational Initiatives: Offer tutorials and documentation for all skill levels.

Progress will be shared through regular updates on Decentraland Forum, Discord, and GitHub. These updates will include detailed documentation related to both the no-code UI application and its underlying source code, live question-and-answer sessions and video demonstrations, including how to integrate it with your Decentraland project. This approach is designed to actively engage the community, solicit valuable feedback, and ensure transparency throughout the development process.

This proposal is summarized due to technical limitations. To view it complete and vote on it, visit the DCL DAO Governance dApp