gadgets-img
gadgets-img
Research | Branding | UX Architecture | Interface Design

Direct to code collaborative
visual editor for SaaS

gadgets-img

Details.

FlyCode is a platform for product team-members to contribute to web applications' code without coding. Submitted changes automatically turn into change requests in the code, so the developers can easily accept them. We where commissioned to design the entire life cycle of the Flycode, including branding, research, UX and interface design.

Empower all stakeholders to contribute changes directly to code. Cut the back and forth around product edits.

Git based workflow

Sync Git and let your team start editing. Changes are made with Commits and Pull Requests just like any other product feature. Developers ship faster by eliminating the back-and-forth around product edits.

No integration needed

Install the GitHub app to automatically scan selected repositories for texts, images and configuration in your code. The changes are integrated just like any other code change. So deployment is the same, but shipping overhaul is faster.

Codebase ownership

Manage Texts
In your code, without coding

Empower your team to edit text, adjust colors based on your design system, configure product settings, and swap images – all without developer roadblocks – saving you 25% on development costs and accelerating iteration by 45-60%.

Onboarding

Flycode scans your repos allowing editing in minutes

FlyCode is a platform for product team-members to contribute to web applications' code without coding. Submitted changes automatically turn into change requests in the code, so the developers can easily accept them. We where commissioned to design the entire life cycle of the Flycode, including branding, research, UX and interface design.

Install the GitHub application

Sync Repositories. Choose which repos to give access to.

Pick Repo

FlyCode quickly scans the selected repos for text, image and config sections. No integration needed.

Review Scan results

FlyCode shows you the results of the repo. You can config the repo or add new repos

Browser extension

Designing an intuitive product that empowers non-coders to work with code-related features

Open Forum for ideas

The product allows users to propose edits by a familiar cloud-based edit flow. This creates a collaborative environment where users can contribute their ideas.

Developer decides

All suggestions are reviewed by the developer. They can assess the feasibility, potential impact, and overall benefit of each suggestion. Ultimately, the developer makes the final decision on what gets implemented.

Minimal impact

A handy, floating toolbox lets everyone suggest text and image edits directly within the platform. All suggestions and comments are then consolidated in a central panel for clear communication and efficient decision-making.

Edit your product directly
from your browser
Identify
The tool will identify and highlight all editable text, allowing you to make changes directly within the interface.
Edit
Once in edit mode, all highlighted text becomes fully editable, just like working in a familiar cloud document.
Request changes
All edit suggestions are stored in a central panel where colleagues can discuss and refine them. Once everyone's happy, changes can be requested from the developer
Identify
The tool will identify and highlight all editable text, allowing you to make changes directly within the interface.
Edit
Once in edit mode, all highlighted text becomes fully editable, just like working in a familiar cloud document.
Request changes
All edit suggestions are stored in a central panel where colleagues can discuss and refine them. Once everyone's happy, changes can be requested from the developer

Bridging the gap between design, development, and management, fostering a frictionless workflow for all.

Color Palette.
Typography.

Mulish