Verktygslådan
Verktygen för AI-driven design och utveckling, sorterade efter var i produktloopen de gör nytta. Listan växer löpande.
249 verktyg · Harnesses, verktyg, AI-modeller och andra förutsättningar förändras så snabbt att det är svårt att hålla koll. Den här sidan är vårt sätt att samla allt på ett ställe: verktyg vi använder, har använt och vill utforska.
Använder vi självaAnvänt tidigareVill utforska
Verktyg vi använt tidigare kan ha utvecklats sedan dess. Då återbesöker vi dem gärna och börjar använda dem igen.
Tipsen är just tips. Du ansvarar själv för hur du använder verktygen och vad du delar med dem.
Vad gör du just nu?
Kärnstacken
Verktygen vi använder varje dag. Självklart beroende på respektive uppdrags AI-policy. :)
Claude CodeAgentisk kodning i terminal och webbläsare. Planerar, bygger och granskar på egen hand.Öppna ↗
OrcaOrkestrerar agenter som jobbar tillsammans, granskar varandras arbete och itererar i loopar.Öppna ↗
OpenAI CodexOpenAI:s kodagent i terminal, app och moln. Bygger själv och granskar det andra agenter byggt.Öppna ↗
MLX ServeLokal inferens på Mac. Kör öppna modeller som Qwen 3.8 Flash Next MLX på den egna datorn.Öppna ↗
Matt Pocock, agentic engineeringSkills för utvärdering och human in the loop, som /wayfinder och /grill-with-docs.Öppna ↗AI-kod17
- Claude CodeAgentisk kodning i terminal och webbläsare. Planerar, bygger och granskar på egen hand.Använder vi själva
- OpenAI CodexOpenAI:s kodagent i terminal, app och moln. Bygger själv och granskar det andra agenter byggt.Använder vi själva
- OrcaOrkestrerar agenter som jobbar tillsammans, granskar varandras arbete och itererar i loopar.Använder vi själva
- AiderAI-parprogrammering i terminalen. Öppen källkod och före sin tid.Använt tidigare
AperantMulti-agent-ramverk som planerar, bygger och kvalitetssäkrar åt dig.Använt tidigare
Builder.ioFigma till produktionskod med AI, ovanpå din egen kodbas.Använt tidigare
AI-assistenter8
AnythingLLMEgen AI-arbetsyta med dina dokument, lokalt eller i molnet.Använt tidigare
European AI AtlasKarta över europeiska AI-tjänster och modeller.Använt tidigare
Google AI StudioGoogles verkstad för Gemini: testa prompts och bygg direkt.Använt tidigare
Hermes AgentSjälvförbättrande öppen agent som gör egna skills av sin erfarenhet.Använt tidigare
ManusAutonom AI-agent som tar sig an hela uppgifter, inte bara frågor.Använt tidigare
PerplexityAI-sök som visar sina källor. Bra första stopp för research.Använt tidigare
AI-modeller & LLM10
- MLX ServeLokal inferens på Mac. Kör öppna modeller som Qwen 3.8 Flash Next MLX på den egna datorn.Använder vi själva
ds4Kör DeepSeek och GLM lokalt på egen maskin. Byggd av Redis-skaparen.Använt tidigare
Gemma 4 26BGoogles öppna modell i assistentutförande, stark för sin storlek.Använt tidigare
Hugging FaceDe öppna AI-modellernas hem. Hitta, testa, ladda ner.Använt tidigare
LM StudioKör öppna AI-modeller lokalt på din egen dator. Datan lämnar aldrig rummet.Använt tidigare
OllamaKör öppna AI-modeller lokalt med ett enda kommando.Använt tidigare
Agent-skills18
- Matt Pocock, agentic engineeringSkills för utvärdering och human in the loop, som /wayfinder och /grill-with-docs.Använder vi själva
Agent SkillsÖppen standard för återanvändbara färdigheter till AI-agenter.Använt tidigare- Claude UX/UI Design SkillsKurerad samling design-skills för Claude, samlad i Notion.Använt tidigare
claude-memMinne åt Claude Code: sparar kontext mellan sessioner.Använt tidigare
Codex Plugin for Claude CodeOpenAI:s officiella plugin: låt Codex granska och avlasta i Claude Code.Använt tidigare
Context7Färsk dokumentation för kodbibliotek, direkt in i din AI-agent.Använt tidigare
Design & prototyp10
FigmaFortfarande navet. Men numera mer granskningsyta än ritbord.Använder vi själva
KigenFigma-plugin som genererar designsystemets variabler, stilar och dokumentation.Använt tidigare
MagicPathAI-designcanvas som går från idé till färdig kod.Använt tidigare
pen.devDesigncanvas inne i din editor. Designfilerna versioneras med koden.Använt tidigare
RelumeAI som tar fram sitemaps och wireframes, redo för Figma och Webflow.Använt tidigare
FramerDesign som blir en publicerad sajt, utan handoff.Vill utforska
Komponenter22
Tailwind CSSStyla direkt i din markup med färdiga klasser. Standarden för modern CSS.Använder vi själva
Headless UIOstylade, tillgängliga komponenter från Tailwind-teamet.Använt tidigare
HeroUIGenomarbetat React-bibliotek, tidigare NextUI.Använt tidigare
NativeWindTailwind-klasser i React Native.Använt tidigare
OriginkitGratis animerade komponenter, med MCP-stöd för AI-verktyg.Använt tidigare
PrimerGitHubs designsystem, öppet att använda och lära av.Använt tidigare
Inspiration29
Best Designs on XDet bästa designflödet från X, samlat utan att scrolla flödet.Använt tidigare
DribbbleKlassikern för visuell inspiration. Skisser, stilar och portfolios.Använt tidigare
Navbar GalleryBara navigationsmenyer. Nischat på samma sätt som Supahero.Använt tidigare
Page FlowsInspelade användarflöden från riktiga produkter.Använt tidigare
Pure LandingKurerade landningssidor att sno struktur och grepp ifrån.Använt tidigare
ReferoRiktiga skärmar från riktiga appar och sajter, sökbara per mönster.Använt tidigare
Småverktyg22
AstroWebbramverk för innehållstunga sajter. Skickar bara JavaScript när det behövs.Använder vi själva
axe DevToolsHittar tillgänglighetsfel direkt i webbläsaren. Standarden för a11y-testning.Använt tidigare
CoolorsFärgpaletter på mellanslagstangenten. Snabbstart för färgtänket.Använt tidigare
FirecrawlCrawla hela sajter till AI-redo data via ett API.Använt tidigare
Jina ReaderGör om vilken webbsida som helst till ren markdown för AI-flöden.Använt tidigare
llm-scraperSkrapa webbsidor till strukturerad data med hjälp av en LLM.Använt tidigare
Motion5
CavalryProcedurell motion design. After Effects för nästa generation.Vill utforska
JitterMotion design lika enkelt som Figma. Bra för sociala medier.Vill utforska
Lottie CreatorSkapa och hitta Lottie-animationer för webb och app.Vill utforska
LottielabRita och animera Lottie direkt i webbläsaren.Vill utforska
Theatre.jsAnimera webbsidor med tidslinje, som i ett videoprogram.Vill utforska
Visuellt & shaders11
BlushIllustrationer att mixa och anpassa själv, i sammanhållna stilar från riktiga konstnärer.Använt tidigare
Figma WeaveFigmas nodbaserade AI-canvas för bild, video, ljud och 3D.Använt tidigare
FLORANodbaserad AI-canvas med 50+ modeller för bild och video.Använt tidigare
QuiverAIAI som skapar redigerbar SVG: logotyper, illustrationer, typografi.Använt tidigare- BitspaceNodbaserad lekplats för AI, shaders och generativ grafik.Vill utforska
cablesVisuell programmering för interaktiv webbgrafik.Vill utforska
3D & spatial17
BeziSkissa och prototypa i 3D, tillsammans.Vill utforska
BlenderGratis, öppen och numera industristandard för 3D.Vill utforska
CLODigitala kläder på proffsnivå.Vill utforska
DepthkitVolumetrisk video: filma människor som 3D.Vill utforska
gltfjsxGör om 3D-modeller till React-komponenter.Vill utforska
gltfpackKomprimerar 3D-modeller så webben orkar med dem.Vill utforska
Ljud3
Video & skärm12
Kling AIAI-genererad video från text och bild.Använt tidigare
RemotionGör video med React-kod. Programmatisk film, bildruta för bildruta.Använt tidigare
SupercutAI-stödda skärminspelningar för demos och genomgångar.Använt tidigare
DaVinci ResolveProffsredigering av video, gratis på riktigt.Vill utforska
LosslessCutKlipp video utan omkodning. Snabbt och förlustfritt.Vill utforska
NVIDIA ShadowPlaySpelar in skärmen i bakgrunden, utan prestandatapp.Vill utforska
Sälj & marknad10
AndsendAI-agent som håller kundrelationer varma och följer upp i tid.Använt tidigare
BlotatoSkapa och återbruka socialt innehåll med AI, i alla kanaler.Använt tidigare
ClayBerika leads och automatisera säljresearch, i ett kalkylblad.Använt tidigare
DiscoLikeHitta nya drömkunder som liknar dina bästa befintliga.Använt tidigare
FinIntercoms AI-agent som löser kundärenden på egen hand.Använt tidigare
folkCRM byggt för relationer, inte formulär.Använt tidigare
Automation1
Analys & insikt2
Backend & hosting5
VercelHosting för webben där varje ändring får en egen förhandsvisning innan den går live.Använder vi själva
ConvexReaktiv TypeScript-backend, byggd med AI-agenter i åtanke.Använt tidigare
Docker SandboxesKör AI-agenter isolerat i containrar, utan risk för din egen maskin.Använt tidigare
GrafanaÖppna dashboards för loggar, mätvärden och larm.Använt tidigare
SupabasePostgres, inloggning och lagring som färdig backend.Använt tidigare
Metoder & strategi6
BMAD MethodAgil metod för AI-driven utveckling, med agentroller från analys till kod.Använt tidigare- Business Model CanvasKlassikern för att skissa en affärsmodell på en sida. Ur Mercks strategikit.Använt tidigare
Customer Journey Map ExamplesMiro-tavla full av exempel på kundresekartor för UX-arbete.Använt tidigare
Idea BrowserDagliga affärsidéer med research bakom. Utforska innan du bygger.Använt tidigare- Knowns & UnknownsRamverk för att sortera vad ni vet, tror och gissar. Ur Mercks strategikit.Använt tidigare
Shopify App Design GuidelinesShopifys riktlinjer för appdesign. Föredömligt tydliga regler.Använt tidigare
Whiteboard5
FigJamWorkshops och flöden, i samma värld som Figma.Använt tidigare
ExcalidrawSkisser som ser handritade ut. Snabbaste vägen från tanke till bild.Vill utforska
MiroWhiteboard-jätten. Bäst när hela organisationen ska med.Vill utforska
MuseTänkyta för iPad, byggd för djupt arbete.Vill utforska
tldrawWhiteboard som också är ett SDK. Grunden för många AI-canvas-experiment.Vill utforska
Organisation9
LinearProjektverktyget som satte en ny standard för känsla och tempo.Använder vi själva
BearSnygga anteckningar i markdown, på Mac och iPhone.Använt tidigare
GlaspMarkera och spara det du läser på webben, delbart och sökbart.Använt tidigare
NotionDokument, wiki och databaser i ett, numera med AI överallt.Använt tidigare
AFFiNEDokument, whiteboard och databas i ett, öppen källkod.Vill utforska
Are.naSamla och koppla ihop referenser, utan algoritmbrus.Vill utforska
Typografi6
Font TrioTesta typsnitt som funkar ihop, tre i taget.Använt tidigare
Best Free FontsKurerat urval av fria typsnitt, utan skräpet.Vill utforska
Fonts In UseSe typsnitt i verklig användning innan du väljer.Vill utforska
FontshareKvalitetstypsnitt, gratis även kommersiellt. Från Indian Type Foundry.Vill utforska- Free FacesVackert kurerat galleri av fria typsnitt.Vill utforska
UNCUTFria typsnitt med kant, samlade på ett ställe.Vill utforska
Vardagen21
Claude CoworkClaude som jobbar med dina filer och verktyg, direkt på datorn.Använder vi själva
cmuxTerminal byggd för att köra flera kodagenter parallellt.Använt tidigare
FlywriteMarkdown-skrivapp för Mac med en agent-terminal inbyggd.Använt tidigare
ForkSnabb och snygg git-klient för Mac och Windows.Använt tidigare
Google AI Edge EloquentGoogles offline-diktering byggd på Gemma. Rösten lämnar aldrig mobilen.Använt tidigare
lazygitGit i terminalen, styrt med tangentbordet.Använt tidigare
Saknas ett verktyg vi borde känna till?
Alla verktyg i listan är sådana vi använder, har använt eller vill utforska.
Hör av dig