TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: I made a tool to create product tutorials

192 点作者 Outofthebot超过 3 年前

11 条评论

Outofthebot超过 3 年前
Hi HN,<p>My name is Rahul Sarathy and I posted TextFrame a few months ago on HN (<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=29234636" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=29234636</a>) as a tool to create animated technical papers. After gathering feedback from the community, I found that the best use case for my tool was for creating tutorials.<p>I am proud to share my next iteration as a tool to create animated product tutorials. Hopefully you can find use in it to create more engaging tutorials for onboarding and helping out your users.<p>You can check out some examples I’ve created using the software: at <a href="https:&#x2F;&#x2F;textframe.app&#x2F;examples" rel="nofollow">https:&#x2F;&#x2F;textframe.app&#x2F;examples</a><p>Please let me know what you think! You can also email me at rahul@textframe.app if you have any questions or just want to say hello
评论 #30434078 未加载
评论 #30438865 未加载
评论 #30438628 未加载
dot_michael超过 3 年前
This is great. I think something like this is very valuable to a small startup or indie hacker who has a product that requires a sign up before their users can see&#x2F;use.<p>You know how a lot of SaaS has a video of the user story and what their app does and looks like on the landing page? Well, I think this can be way better, less time consuming, and way cheaper than hiring an animation studio to create that video. You can also edit the textframe as the product grows; something that is much harder to do for videos.<p>A few of small features can make this way better.<p>1. The ability to put the textframe in an iframe. So users can use it on their landing page.<p>2. The ability to auto play the steps. (it should stop autoplay if user clicks on a step to view)<p>3. More UI customizability so it goes with the landing page.<p>I see this being more valuable as a marketing tool than a tutorial tool, but I&#x27;m only one person. Good work and good luck =)
评论 #30434882 未加载
allenu超过 3 年前
This is very cool. Nice job on this! I like how slick the UI feels when I&#x27;m scrolling up and down the tutorial steps.<p>One quick piece of feedback that I saw right away: Clicking on the next step on the left and then seeing the video update on the right is distracting, so I ended up not even reading the text on the left after a while.<p>Perhaps you could show &quot;subway stops&quot; on the left to indicate which step you are and how many there are in total, and then have the instruction text above or below the video? The way it works now, your eyes have to dart back and forth from left to right to read the text and then watch the video.<p>Anyway, best of luck with this.
Marciplan超过 3 年前
This looks great. The Marketing Website can use some flair&#x2F;oberall design — but the product looks stellar. Good luck w that!
评论 #30435721 未加载
cartucho1超过 3 年前
Hey, cool project! Congrats! A few more comments that I believe could help improve it:<p>1.If you click on a box with a step on the left side of a tutorial, it should take you to that step. At least that is how I tried to use it initially. Right now, you can only control going forward&#x2F;backward through scrolling the page.<p>2. In the landing page the &quot;View Examples&quot; and &quot;View a Tutorial&quot; buttons look off in Firefox (the text overflows).
bag_boy超过 3 年前
Can the tutorials be embedded into a support article?
评论 #30437591 未加载
codeonline超过 3 年前
These look good for visualising user stories too.
评论 #30434321 未加载
gw67超过 3 年前
It&#x27;s really cool! would be great a figma-like interface with dropdown, input field etc.. to better redesign the UI. Otherwise a way to build a sketch of the UI using a screenshot.
Donckele超过 3 年前
On my latest mobile safari I’m getting an error:<p>Application error: a client-side exception has occurred (see the browser console for more information).<p>How come?
评论 #30438648 未加载
nowherebeen超过 3 年前
Great landing page. Can I ask how much time did you spend working on it?
arosier超过 3 年前
Pretty cool!