Back to All Demos

demo 260302

-

product

Node Settings Update

We’ve started fine tuning pieces of the Workflow Builder. The node options received the following updates:

  • nodes with multiple items now hide their settings behind a modal so we get a cleaner, easier to understand list view
  • simplified item options: no more edit. delete and config only
  • added transitions to all ui state changes: search, select, delete, etc.
  • ui styled to match Voxie brand

View the updates at voxie.github.io/prototypes/picker-variants/

product

Voxie Style

Worked on bringing the Voxie UI style into the workflow builder prototype. Used standard Voxie buttons, inputs, badges, modals, and other patterns.

product

AI Design Guide

More testing on the AI Design Guide:

  • had Claude to another learning pass on the voxie repo alone then reintegrated output with the other design docs
  • clean pass looking for things to improve
  • added shadcn, frontend components, and vanilla components then tested styling shadcn with library guide. It worked but the results weren’t great.
  • took guide into workflow builder and tested. Again, not great. Didn’t look much different

Will revisit in a few weeks to see if things have improved.

operations

Design MCPs

Further testing with design MCPs had mixed results.

I was able to get Paper to perfectly recreate the old marketing site hero which was impressive because it had complex 3d transforms.

I had the Figma MCP try and re-create the workflow builder in Figma and failed miserably.

Paper is definitely the winner on this new code to design workflow but still missing so much.

Will revisit in a few weeks.