Design Engineer Tools — curated list by James Warner

Source: https://designengineer.tools

Extracted: 2026-06-04

A designengineer.tools egy statikus, curated tool-lista, amit James Warner szerkeszt. 20 szekcióban 124 tool-t gyűjtött össze a "design engineer" szerepkörhöz — ez a dizájner és a mérnök közötti hibrid, aki egyszerre kódol és tervez webes felületeket.

Szekciók és tool-számok:

Inspiration (22): 60fps, Awwwards, Cosmos, Curated Design, Design Spells, Game UI Database, Godly, HUDS+GUIS, Interface In Game, Layers, loadmo.re, Minimal Gallery, Minimum, Mobbin, Pinterest, Rebrand, Saaspo, Same Energy, SearchSystem, SEESAW, SOOT SPIRAL, Supahero — inspiráció és design galériák.

AI Code (10): Bolt.new, Claude Code, Cline, Cursor, Google Antigravity, OpenAI Codex, Skills, v0 by Vercel, Windsurf, Zed — AI-alapú kódolóeszközök és IDE-k.

Components (9): 21st.dev, Component Gallery, Cursify, Fancy Components, Framer University Resources, Motion Primitives, NumberFlow, React Bits, shadcn/ui — UI komponenskönyvtárak.

Web Utility (8): Color.review, Easing Editor, Easing Functions, Easing Gradients, OKLCH Color Picker, Ray.so, RegExr, SVGOMG — kiegészítő webes segédeszközök.

Desktop Utility (6): Claude Cowork, Granola, LocalSend, Raycast, Warp, Wispr Flow — asztali alkalmazások és utility-k.

Video & Capture (7): LosslessCut, NVIDIA ShadowPlay, OBS Studio, Parsec, Recordly, Screen Studio, ShareX — képernyő- és videórögzítés.

Whiteboard (5): Excalidraw, FigJam, Miro, Muse, tldraw — vizuális gondolattérképezés.

Organization (6): AFFiNE, Are.na, Eagle, Linear, Obsidian, Trello — tudás- és projektmenedzsment.

Fonts (5): Best Free Fonts, Fonts In Use, Fontshare, Free Faces, UNCUT — tipográfiai források.

Visual (7): Bitspace, cables, Nodes, NodeToy, ShaderToy, TouchDesigner, Unicorn.studio — kreatív kód és vizuális sandbox-ok.

Interface (6): Figma, Framer, Paper, Penpot, Rive, Stitch by Google Labs — UI tervezőeszközök.

Motion (5): Cavalry, Jitter, Lottie Creator, Lottielab, Theatre.js — motion design eszközök.

Audio (3): ElevenLabs, FMOD, Splice — hangeszközök.

Volumetric (6): Depthkit, KIRI Engine, Luma AI, Polycam, RealityScan, SuperSplat Editor — 3D-szkennelés és volumetric capture.

3D (5): Bezi, Blender, Houdini, Spline, Womp — 3D modellezés.

glTF (3): gltfjsx, gltfpack, Needle Viewer — glTF formátum-specifikus eszközök.

Digital Fashion (3): CLO, Marvelous Designer, Style3D — digitális ruhatervezés.

Research (3): ChatGPT, Google Gemini, NotebookLM — kutatási AI eszközök.

Browser (4): Arc, Brave, Firefox, Zen — böngészők.

Emoji (1): MakeEmoji — emoji-készítő.

0.0s

Forrás

https://designengineer.tools