Pro-grade Visual System Design Tool for Engineers
fulax is a VS Code extension designed for developers who want to manage their system architecture as code while maintaining a high-fidelity visual representation.
🚀 Key Features
1. Visual API Logic Flow
Design your API internal logic using a powerful node-based editor.
- DB Query Nodes: Visual table selection and filter configuration.
- API Call Nodes: Integrate with internal or external APIs using templates.
- Branch & Logic: Define complex flows with custom logic and conditional branching.
- Bi-directional Sync: Changes in the UI are persisted as clean JSON files (
flow.json).
2. Database Schema Designer
Architect your database schema with a sleek, interactive interface.
- ER Design: Easily define tables, fields, and foreign key relationships.
- Code Generation: Instant export to SQL (Create Table) or Laravel Migrations.
- Data Persistence: Managed locally within your project under
fulax/db/.
3. OpenAPI 3.0 Endpoint Design
Manage your API specifications directly within VS Code.
- Visual Spec Editor: Edit paths, methods, parameters, and request/response bodies.
- Server Management: Define multiple target servers (Dev, Staging, Prod).
- YAML Synchronization: Automatically bundles all endpoint designs into a single
openapi.yaml.
4. Docs-as-Code Integration
Everything you design in fulax is saved as human-readable files (JSON/YAML) inside your repository's fulax/ folder. No proprietary cloud databases required.
🛠️ Getting Started
- Open your project in VS Code.
- Search for "fulax: Init Project" in the Command Palette (
Cmd+Shift+P). - Follow the wizard to initialize your
fulaxdirectory. - Open the fulax Menu in the Activity Bar to start designing.
🇯🇵 Multi-language Support
Full support for English and Japanese (日本語). Toggle language in the fulax Settings page.
Designed by Engineers, for Engineers.