fulax

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

1. Open your project in VS Code.
2. Search for "fulax: Init Project" in the Command Palette (Cmd+Shift+P).
3. Follow the wizard to initialize your fulax directory.
4. 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.