# 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