• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Our Company is Developing the Ultimate Final Adobe XD Plugin (with ChatGPT)

Community Beginner ,
Oct 16, 2024 Oct 16, 2024

Copy link to clipboard

Copied

YamonCompany_0-1729098085705.png

 

YamonCompany_1-1729099825097.png

 

 

Hello Community Members,

We play music on a sinking ship like the musicians on the Titanic.

That’s why our plugin is named **Titanic**.



Since the early days of Adobe XD, our company has relied on it for all our planning and design. While we attempted to migrate to Figma, we found it lacking in flexibility due to its performance constraints as a WebView application. In contrast, Adobe XD, running as a native Windows process, allows us to integrate various JavaScript libraries, enabling greater extensibility. Consequently, we have embarked on developing a proprietary plugin for XD. Figma, with its market dominance, has lost its price advantage, and as a non-native application, it simply does not allow us to implement the features we need.

Here are the key features of our plugin:

1. **Genuine ChatGPT Integration**
- OpenAI's ChatGPT is trained on XD commands and can interact with XD documents. It can, for example, create a new login page by combining existing components in the document, or directly modify titles and body text using descriptions attached to components.
- We use LangChain.js and directly run it within XD without external web hosting, enabling real-time interaction with layouts (e.g., finding components in the layout, copying them to a new artboard, adjusting styles based on preset color assets).
- GPT's responses are displayed automatically using a markdown parser, with interactive elements like colors or components shown in a dedicated UI.

2. **Flex Layout**
- We have created a virtual DOM that builds while the plugin is running and reflects real-time changes in the flex layout, utilizing metadata defined for each layer. This is not a stack or padding approach.

3. **SVG Creation**
- ChatGPT can generate SVG code (e.g., "create a login page in SVG format"), and the resulting SVG objects are inserted into the current document with "real" layout elements.

4. **Project Specifications**
- You can create unique descriptions for each page and node, which GPT can modify or provide explanations based on.

5. **Virtual Environments for Artboards**
- Neither Figma nor XD natively supports virtual environments. Our plugin allows easy switching between artboard states, enabling administrators or users to see different button or page variations based on permissions (replacing traditional component states).

6. **Code Generation**
- Our agent creates actual code based on flex layouts, adhering to Tailwind CSS conventions. This is the only way to properly style documents, and GPT will generate longer, more useful code.

7. **Component Title Editing**
- Unlike Figma's limited AI functionality, which only modifies layer titles, our plugin allows GPT to assign appropriate titles based on flow and descriptions, giving contextually meaningful names to elements.

**Limitations:**
1. XD's document editing must be triggered by a button click (using the `editDocument` method), so after GPT's response, users must click an "apply" button to make changes.
2. ChatGPT or Anthropic API keys are required and are paid services (though quite affordable).
3. XD, due to UXP limitations, does not support text selection in plugin panels. As a workaround, we generate copy buttons for colors and predefined elements in GPT's response, though full text selection remains an issue.
4. We're using Zustand for state management, and leaving the page during document edits can cause issues.
5. Chat history is stored in the document using SharedData for each root document and artboard. This data cannot be accessed by other plugins, but it may be visible in shared editing, so sensitive information should be deleted from the chat history.
6. Traditional group properties like stacking or padding are not compatible with our plugin. Please manage these using our custom attribute fields.

We hope Adobe reconsiders the potential of XD based on our plugin, and if they decide to return, we are open to maximum collaboration.

Adobe XD will stop accepting new plugin submissions from November onwards, so our plugin is likely to be listed in the store before that deadline.

For inquiries or to request a beta version, please contact battlecruser@yamon.io.

 

Views

182

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 16, 2024 Oct 16, 2024

@YamonCompany hate to tell you this but Adobe Xd is in 'Maintenance Mode' since May 2023 which means Adobe will NOT BE investing in ongoing development or shipping new features for this product. Adobe will continue to support existing customers by addressing bugs and updating any security issues. For them to accept your request, I would say 'don't hold your breath' on this one

Votes

Translate

Translate
Community Expert ,
Oct 16, 2024 Oct 16, 2024

Copy link to clipboard

Copied

LATEST

@YamonCompany hate to tell you this but Adobe Xd is in 'Maintenance Mode' since May 2023 which means Adobe will NOT BE investing in ongoing development or shipping new features for this product. Adobe will continue to support existing customers by addressing bugs and updating any security issues. For them to accept your request, I would say 'don't hold your breath' on this one

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines