Graiphic Studio

Official user documentation for Graiphic Studio, the visual development environment for .frog documents.

Graiphic Studio combines a vector Front Panel, source-backed widgets, a public Interface Map, document iconography, and focused visual editing tools. This repository explains those features from the user's point of view.

Documentation

• Documentation Home
• Getting Started
• Front Panel
• Studio Options
• Widget Navigator
• Function Navigator
• Interface Map
• Icon Editor
• Selection Pane
• Arrange and Resize
• Color Tools
• Widgets
• Array Container
• Keyboard Shortcuts
• Glossary

Repository Layout

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

Documentation Rules

• 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 .frog source 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.

Product Status

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.