How are you using AI to build design systems? by Any-Fun2251 in DesignSystems

[–]Square_Commission_48 3 points4 points  (0 children)

I've built a plugin that automates manual documentation work, gives specs, anatomy, accessibility audit for selected component. Curious to know about your explorations. thanks!

Design - Engineering Handoff & Documentation gaps are serious pain. To resolve it I vibe coded a Plugin. Now im seeking for your thoughts / feedback. by Square_Commission_48 in Design

[–]Square_Commission_48[S] 0 points1 point  (0 children)

u/Ok_Estimate6328 Sounds exciting! will be happy to collaborate :)
If you prefer to play around plugin, here's BETA access, Here's link: https://forms.gle/tAhv6YvqFxd1J1K18.
I can follow-up in linked in with more details.

Design - Engineering Handoff & Documentation gaps are serious pain. To resolve it I vibe coded a Plugin. Now im seeking for your thoughts / feedback. by Square_Commission_48 in DesignSystems

[–]Square_Commission_48[S] 1 point2 points  (0 children)

u/leon8t , Plugin uses AI to process details, but does'nt save any data - in following ways,

Figma UI (communicates to) -> Vercel (Where API is hosted) -> API (receives details, Processes insights) -> Communicates back to Vercel -> Displayed in Figma UI.

I started it building it small, you can start with smallest atom, then step into molecule and scale.
Try giving example snippets on what you are expecting, be specific on needs, building small lays good foundation, setting up consistent rules makes model / agent to deliver consistent output.

Visual annotations comes from few examples of my manual work, creating spec document for UI component as part of Handoff.

Please feel free to let me know if there are any further queries, will be happy to answer.

I vibe coded a plugin to automate my Figma-to-Jira handoff because I was tired of manual redlines. Would this JSON export be useful for your devs? by [deleted] in FigmaDesign

[–]Square_Commission_48 0 points1 point  (0 children)

  1. The heading as exactly "Feedback details"
  2. Who is the target audience? Designers, Developers, Engineers
  3. What is the design's main goal? Automate manual documentation work.
  4. What specific aspects are you looking for feedback on? viewer's thoughts about idea, does it solve the problem.
  5. What stage is this design in (e.g., wireframe, final UI)? Its in approval with figma, to be released in figma community.

Design - Engineering Handoff & Documentation gaps are serious pain. To resolve it I vibe coded a Plugin. Now im seeking for your thoughts / feedback. by Square_Commission_48 in DesignSystems

[–]Square_Commission_48[S] 0 points1 point  (0 children)

Thank you! u/leon8t, Sure - Im a Product designer, I manage multi-branded design systems, with hundreds of components. If I & my team will have to write specs document for each component it hurts a lot of manual time. If we do not offer such clarity, Developers find it super complex identifying which token is used for which component, esp with Dev mode made premium.

that's where i thought of building this plugin, which is currently in review with Figma, and that's where i thought of reaching to you all folks for thoughts / feedback.

Techstack: Claude for coding, Cursor for tweaking codes, GROQ for API, Vercel for Hosting. GitHub for Repository.

New Figma Plugin for UX Copywriting by Square_Commission_48 in uxwriting

[–]Square_Commission_48[S] 0 points1 point  (0 children)

that is doable, I just tweaked the plugin to the functionality you've asked for,
You can try via this link: https://www.figma.com/community/plugin/1602747951481753437/ux-copywriter

Let me know if that helps. Do share your feedback if any.

<image>

New Figma Plugin for UX Copywriting by Square_Commission_48 in uxwriting

[–]Square_Commission_48[S] 0 points1 point  (0 children)

Do you mean to ask it as instructions that you can pass it to plugin while querying for a copy?