Official user documentation for Graiphic Studio, the visual development
environment for .frog documents.
Graiphic Studio coordinates three source-backed views of one .frog document:
the vector Front Panel, the executable Block Diagram, and the live Source view.
It also provides Widget and Function Navigators, a public Interface Map,
document iconography, array containers, and focused visual editing tools. This
repository explains those features from the user's point of view.
- Documentation Home
- Getting Started
- Window Workflow
- Front Panel
- Block Diagram
- Source View
- Studio Options
- Widget Navigator
- Function Navigator
- Interface Map
- Icon Editor
- Selection Pane
- Arrange and Resize
- Color Tools
- Widgets
- Array Container
- Keyboard Shortcuts
- Glossary
docs/
index.md Documentation entry point
getting-started.md First user path
interface/ Studio surface documentation
widgets/ Widget-by-widget documentation
reference/ Glossary and conventions
assets/
screenshots/ Product screenshots used by the docs
diagrams/ Explanatory diagrams and exported visuals
- Use the public product name: Graiphic Studio.
- Explain user-facing behavior before implementation details.
- Every stable visual feature page must include at least one current product screenshot. A page without a validated screenshot remains a draft and is not linked from the main documentation index.
- Keep
.frogsource concepts explicit: widgets, labels, bindings, interface maps, icon assets, and runtime-facing artifacts are separate concepts. - Avoid documenting experimental behavior as final unless it has been validated in the Studio.
Graiphic Studio is under active development. The documentation distinguishes implemented Studio behavior from runtime-facing work that is still evolving. Screenshots are captured from the native Windows target or an official FROG runtime example and updated when a visible workflow changes.
The rendered documentation is available at graiphic.github.io/Graiphic-Studio.