https://d365-fo-design-lab.vercel.app
Dynamics365 F&O Design Lab is a browser-based visual collaboration tool designed specifically for Microsoft Dynamics 365 Finance & Operations consultants, solution architects, and development teams.
It allows teams to transform abstract UI requirements into precise, visual implementation instructions using authentic Dynamics 365 Form Designer controls.
In Dynamics 365 implementation projects, UI requirements are often communicated through:
- Long requirement documents
- Screenshots from live environments
- Verbal explanations in meetings
- Email descriptions of layout and behavior
This leads to:
- Misinterpretation between consultants and developers
- Inefficient workshops
- Delayed development cycles
- Lack of visual clarity in requirements
Dynamics365 F&O Design Lab replaces traditional requirement communication with a visual design workspace.
Consultants can:
- Upload Dynamics 365 screenshots
- Drag & drop authentic Form Designer controls
- Visually define UI behavior and structure
- Add implementation notes directly on the design
- Export designs as images for development teams
- Browser-based design environment
- No Dynamics 365 instance required
- Drag & drop control library
- Authentic D365 Form Designer components
- Resize and reposition UI elements freely
- Add annotations and implementation notes
- Save multiple designs locally
- Export designs as images (JPG)
- Lightweight and workshop-friendly
StringEdit, ComboBox, CheckBox, Lookup, DateEdit, TimeEdit, RealEdit, IntegerEdit, Radio Button
StaticText, Display, Image
Button, Action Pane Button, MenuItemButton, CommandButton
Group, Tab, TabPage, FastTab, Section, ActionPane, FactBox
Grid, EditableGrid, Quick Filter, Advanced Filter
- Upload a Dynamics 365 Finance & Operations form screenshot
- Select UI controls from toolbox
- Drag & position elements on the canvas
- Add labels and implementation notes
- Save or export design as image
- Share with development team for implementation
- React
- Vite
- JavaScript
- HTML5
- CSS
- html2canvas
- Lucide React
This project was built to improve collaboration between functional consultants and developers in Microsoft Dynamics 365 Finance & Operations projects.
Its goal is to reduce ambiguity in UI requirements and replace textual explanations with clear visual specifications.
- PDF export
- Multi-page design support
- Cloud sync
- Team collaboration mode
- AI-assisted UI suggestions
- Azure integration
Baran Çevik
Dynamics 365 Finance & Operations & Commerce Developer
MIT License