A design tool by Nourix: Figma-style interface design with Illustrator-grade vectors, on Windows, macOS, Linux and the web.
NGIN is a professional graphic design application made by Nourix. It puts interface design and vector illustration on the same smooth, infinite canvas: frames, auto layout, components and variables as in Figma, next to the pen tool, Pathfinder, brushes and variable-width strokes as in Illustrator.
The interface is deliberately minimal. A 44px top bar holds the file, the tools float over the canvas in one bar, and the panels show only what the selection has. NGIN ships as an Electron desktop app, can also be built with Tauri v2, and the same build runs in any browser.
It opens Figma, Illustrator and PDF files as editable layers, runs Figma plugins in a sandbox, and hands designs to developers as CSS, SwiftUI or Jetpack Compose.
A full pen tool with Illustrator modifiers. Press Enter on any shape to edit its points with Move, Lasso, Pen, Bend, Cut, Eraser, Paint bucket, Shape builder, Variable width and Smooth. Strokes can taper, swell and wobble, and brushes lay marker, ink, calligraphy, charcoal or scatter marks as real vector shapes.
Union, subtract, intersect and exclude make a live boolean group whose shapes stay editable. Illustrator's full Pathfinder row sits beside them, and ⌘E flattens to one path.
Follows Figma's auto layout, including its July 2026 flexbox-aligned version and the legacy one per frame. Wrap, min and max sizes, baseline alignment, and grid layout with fr tracks and spans.
Shift+D turns the editor into an inspector. Every value copies on click, and the selection is written as CSS (px or rem), SwiftUI or Jetpack Compose. What a platform cannot express is named in a comment, not faked.
.card {
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px;
}
⌘K makes a component in place. Instances stay in sync by construction, with overrides, variants and component properties. Variables hold colours, numbers, words and switches in collections with modes such as Light and Dark.
Wire screens on the canvas, add smart animate, overlays, delays and flows, then present with ⌘⌥Enter. The player supports click, drag, hover, press and mouse triggers, device frames and hotspot hints.
A FigJam-style board started from Home: stickies in ten colours, thirty shapes with text, connectors, tables, stamps, code blocks with highlighting in seventeen languages, marker, highlighter and washi tape.
Figma files open as editable NGIN layers, read straight from the file: pages, components and variants, auto layout, variables, effects, masks and prototype links. Illustrator and PDF files come in as vectors with live text. Any compromise is named in one note when the file opens.
Per-layer export presets at a scale or a fixed size, batch export zipped, and clipboard interop. Copy as CSS translates auto layout to flexbox or CSS Grid and says in a comment what it could not express.
NGIN implements the figma plugin API and checks itself against @figma/plugin-typings. Plugin code runs in QuickJS compiled to WebAssembly, a sandbox where nothing of the app can be reached. Import a plugin from its manifest.json, its folder or a ZIP, in the desktop app or the browser.
NGIN ships on Electron so the canvas draws identically on every platform, the same trade Figma made. A Tauri v2 shell and a plain web build come from the same code.
Installer and NSIS setup.
Separate builds for Apple silicon and Intel.
Portable and package formats.
Unzip and serve the folder from any static host.
The tree at each tag, with versions stamped.
Installers are built by CI for every tagged release, with SHA-256 checksums for the archives. Public releases are not out yet; request early access to try NGIN now.
A few architecture decisions carry most of NGIN's reliability.
World transforms, bounds and paint order are computed once per document version. Rendering, hit testing, snapping and the overlay all read the same answer, so a click never selects the wrong layer.
A drag snapshots the values it touches and records exactly one undoable command when it ends. Escape restores the snapshot, and undo returns the selection too.
An instance stores only its component, transform, size and overrides. The component is expanded at render time, so there is nothing to keep in sync.
WebGL2 draws the canvas and Canvas2D is the reference used for exports. Both consume the same render list, and tests hold every effect to matching pixels.
Hover, selection and marquees repaint only an overlay canvas. Layers with effects stay on the GPU as finished pixels, so panning and dragging do not redraw them.
Shortcuts follow Figma and Illustrator, routed through one dispatcher that respects focus.
These were cut to keep the shipped surface solid. Commands are serializable, the renderer is interface-driven and the scene index is one spatial authority, so the architecture leaves room for them.
NGIN یک اپلیکیشن حرفهای گرافیکدیزاین از برند Nourix است. طراحی رابط کاربری به سبک فیگما و تصویرسازی وکتور با قدرت ایلاستریتور را روی یک کنوس بینهایت و نرم کنار هم میگذارد، با رابطی مینیمال و متمرکز.
NGIN روی ویندوز، مک و لینوکس اجرا میشود و همان نسخه در مرورگر هم کار میکند. فایلهای فیگما، ایلاستریتور و PDF را به صورت لایههای قابل ویرایش باز میکند و پلاگینهای فیگما را اجرا میکند.
NGIN is a professional graphic design application made by Nourix. It combines Figma-style UI design (frames, auto layout, components, variables, prototyping) with Illustrator-style vector illustration (pen tool, Pathfinder, brushes, variable-width strokes) on one infinite canvas.
NGIN is a product of Nourix, the personal design brand of its creator. Nourix's website is nourixdesign.ir.
NGIN runs on Windows (.msi and .exe installers), macOS (.dmg for Apple silicon and for Intel) and Linux (.AppImage, .deb and .rpm). The same build also runs in any modern browser as a static web app.
Yes. NGIN opens Figma .fig files and Figma Slides .deck files directly, without exporting from Figma first. Pages, frames, components with instances and overrides, variants, auto layout, constraints, variables, effects, masks, export settings and prototype links come in as editable NGIN layers.
Yes. Illustrator .ai files and PDF files come in as editable vectors with live text, transparency, dashes, caps and even-odd holes. SVG comes in as vectors and bitmaps as image layers.
Yes. NGIN implements the Figma plugin API and checks it against @figma/plugin-typings. Plugins run in a QuickJS sandbox compiled to WebAssembly and can be imported from a manifest.json, a folder or a ZIP file.
Yes. Dev Mode (Shift+D) turns the editor into a read-only inspector where every value copies on click, and writes the selected layer as CSS in pixels or rems, SwiftUI or Jetpack Compose.
Yes. Text layers keep Persian and Arabic letter joins, mixed Persian and English lines keep each run in its own reading order, find and replace works in any script, and text on a path keeps Persian joins along curves.
Public releases are not out yet. Request an early build on the NGIN early access page; Nourix replies by email with a build for Windows, macOS, Linux or the web.
NGIN saves documents as .ngin files, with debounced autosave, crash recovery and a version history with automatic checkpoints and named versions.
NGIN is written in TypeScript with React 18 and Zustand, built with Vite, and ships as an Electron desktop app, with an alternative Tauri v2 shell. The canvas is drawn with WebGL2, with Canvas2D as the reference renderer for exports.
Multiplayer editing, vector networks, mesh gradients, bezier-exact booleans, convert text to outlines, and CMYK and print output are not in the current version.
Request an early build for Windows, macOS, Linux or the web. Nourix replies to every request by email.
Get early access